「VScodeのインストール方法がわからない・うまく日本語化できない」という方に向けて、この記事では高機能テキストエディタ Visual Studio Code (VSCode) のインストール方法を、画像付きで分かりやすく解説します。
- Windows、macOS、Linux へVScodeをインストールする手順
- VScodeを日本語化する手順
✅プログラミング初心者から上級者まで幅広く支持されている、Microsoftが開発した無料のコードエディタ
様々なプログラミング言語に対応しており、拡張機能も豊富で自分好みにカスタマイズできるため、プログラミング初心者が最初に使うエディタとしても最適
インストール手順
まず、VSCodeの公式サイトからインストーラーをダウンロードします。
以下のリンクをクリックして、VSCodeのダウンロードページにアクセスしてください。
アクセスすると、お使いのOSに合わせたダウンロードボタンが表示されます。
- Windows: 「Download for Windows」をクリックしてください。
- macOS: 「Download for Mac」をクリックしてください。
- Linux: お使いのディストリビューションに合わせたボタン（.deb または .rpm）をクリックしてください。
ここでは、Windows を例にインストール手順を説明します。
macOS、Linux の方も、基本的な流れは同様です。
次に画面右上の↓をクリックします
するとVScodeUserSetup-x64-1.98.2.exeが出てくるのでこれをダブルクリック
次に下記画面が出てくるので「同意する」「次へ」を選択
すると下記の画面が出てきます。
追加タスクの選択
「次へ」を選択
デスクトップ画面にアイコンを追加したい方は
✅デスクトップ上にアイコンを作成する(D)にチェックをいれてください
追加設定(その他:)の説明
✅エクスプローラーのディレクトリ コンテキスト メニューに [Code で開く] アクションを追加する
- Windowsのエクスプローラーでフォルダ（ディレクトリ）を右クリックした時に表示されるメニューに、「Codeで開く」という項目を追加します。
- これによって、フォルダをvscodeで簡単に開けるようになります。（例：プロジェクトフォルダを右クリックして、フォルダ内のファイルをまとめてVSCodeで開けます。）
✅サポートされているファイルの種類のエディターとして、Codeを登録する
- vscodeを、特定の種類のファイル（例えばテキストファイルやプログラムファイル）を開く際のデフォルトのプログラムとして登録します。
- これにより、それらのファイルをダブルクリックするだけでvscodeで開くことができます。（例：.txtファイルをダブルクリックすると、自動的にVSCodeで開きます。）
✅PATH への追加 (再起動後に使用可能)
- コンピューターのPATH環境変数にvscodeの実行ファイルの場所を追加します。
- これにより、コマンドプロンプトやPowerShellから、どこからでもvscodeを起動できるようになります。
- この設定は、設定後コンピューターを再起動することで有効になります。（例：コマンドプロンプトで「code ファイル名」と入力して、任意のファイルをVSCodeで開けます。）
インストールを選択
完了を選択
日本語表示に変更する
VSCodeはデフォルトでは英語表示になっているため日本語表示に変更します
右端の上から5つ目のEXtensions(Ctrl+Shift+X)をクリック
検索窓に japanese と入力すると
Japanese Language Pack for VS Codeが表示されるのでinstallをクリック
画像右下の change Language and Restart を選択する
※これをしないと日本語化が反映されないので注意！
VSCodeが再起動し日本語化が反映される
これでVSCodeが日本語されました
おわりに
これでVSCodeのインストールと日本語化は完了です。
VSCodeは非常に多機能なエディタです。まずは基本的な操作を覚えて、プログラミング学習に役立てていきましょう。
次のステップ : Web開発に必須の技術を学ぼう
VSCodeがインストールできたらWeb開発に必須の技術を学習することをおすすめします。
実際にコードを書いて動かしてみる : ゼロからわかるRuby超入門
こちらの書籍に沿って学習するとRubyというプログラミング言語を動かしながらプログラミングの基本を網羅的に学ぶことができます。
！プログラミングの初めの一歩！
私が参考にしたRuby書籍の中で一番わかりやすかったです。
インターネットの基本技術を理解しよう : Web技術の基本
Web開発に必須の情報がふんだんに盛り込まれた良書
！開発に必須のWeb知識を網羅的に吸収！
後半難しくなりますが、プログラミング学習が進むにつれ理解できるようになります。
一冊置いておくと安心です。
データベースについて知ろう : まんがでわかるデータベース
Web開発においてデータベースがなぜ必要か、どうやって使うのかをストーリーを通して学習できる良書
！データベースってなに？を解決！
ストーリー仕立てなのでデータベースの仕組みや役割が理解しやすかったです。単純にストーリーが面白いという側面もありました。
独学に限界を感じたら
筆者が挫折した4つの問題と乗り越えた方法
「環境構築ができない、エラーも解決できない、何も進まない日が続く…」そんな時にどう乗り越えたかを紹介しています。挫折しそうな時はぜひ読んでみてください。
スクールに頼ろう
独学後通ったプログラミングスクールのレビュー記事です。独学が辛くなってきたら読んでみてください。
▶関連記事はこちらもおすすめ
