プログラミングを始める際に、
必ず必要と言っても過言ではないコードエディタ。
今回は、
Microsoftが開発・提供しているコードエディタ、
Visual Studio Code(以降VSCode)
のインストール・日本語対応方法を紹介します。
VSCodeのインストール(Windows・Mac)
公式サイトへ行き、VS Codeをインストールする
VSCodeをインストールする為に、
Visual Studio Codeの公式サイト(クリックできます)
へ行きます。
![](https://takumi-shimohira.net/wp-content/uploads/6e75a155f7bcecff7ff6d676e21c5378-800x428.jpg)
下の方までスクロールして行くと、
こんな画面があります。
![](https://takumi-shimohira.net/wp-content/uploads/7c5b6f3a900b240f04c5f98a10230e55-800x261.jpg)
Windows・Macなど、
自分が使っているPCに合わせて、
リンクをクリックしてインストールします。
Windowsの場合
ダウンロードフォルダ内に、
VSCodeUserSetup〇〇〇〇.exe
(◯の部分はインストールしたファイルのバージョンが入ります。)
というファイルがあるので、
そのファイルをダブルクリックします。
ダブルクリックするとセットアップ画面になります。
基本的に全て
“次へ“
ボタンを押してもらって大丈夫です。
最後に
“インストール”
ボタンが出てくるので、
それをクリックするとインストール完了です。
Macの場合
ダウンロードした
“VSCode-darwin-universal.zip“をクリックすると、
“Visual Studio Code.app“が、
ダウンロードフォルダに作成されます。
![](https://takumi-shimohira.net/wp-content/uploads/e2d93c7f7163e9cc1db1d8d1c2ea6ee5-800x201.jpg)
Finderをクリックして開き、
![](https://takumi-shimohira.net/wp-content/uploads/bb2163cb59e40ea8ee5b60155afb0f56-800x68.jpg)
アプリケーションを選択し、
![](https://takumi-shimohira.net/wp-content/uploads/1554f2922cee6c9ce99a9841f83fecc8-800x372.jpg)
“Visual Studio Code.app“を
アプリケーションの中に移動します。
![](https://takumi-shimohira.net/wp-content/uploads/31232114f56f4ebc7a3f5ba6bcbab7a9-800x374.jpg)
これでインストール完了です。
日本語対応したい
インストールしたVSCodeを開くと、
英語表記された黒い画面が出てきます。
![](https://takumi-shimohira.net/wp-content/uploads/f7d663d78d2b42a3516bd22283691f71-800x498.jpg)
英語がわかる方・英語表記で使っていきたい方は、
このままでもいいですが、
日本語表記にしたいですよね。
日本語表記にするには、
四角が並んでいるマーク(Extention)をクリックする。
![](https://takumi-shimohira.net/wp-content/uploads/0f538d390599055a8202c70074e2ebcb-e1706052724256.jpg)
すると検索欄のあるサイドバーが表示されるので、
![](https://takumi-shimohira.net/wp-content/uploads/cdcaffba55330f8e4e9ad4c4b55f3c25-800x500.jpg)
「japanese」と入力すると、
“Japanse Language Pack for Visual Studio Code“
が表示されます。
![](https://takumi-shimohira.net/wp-content/uploads/cade5452fcdaf2108af073769fd95491-800x500.jpg)
インストールボタンがあるのでそれをクリックする。
インストールが完了すると、VSCodeを再起動します。
![](https://takumi-shimohira.net/wp-content/uploads/61f3b78f7b57546f2ff389ffa1be1ec7-800x496.jpg)
このように表示言語が日本語に変わっていれば完成です。
VSCodeを使って、開発していきましょう!
コメント