HTML/CSS

【簡単!全手順!】VisualStudioCodeのインストール・日本語化の手順!!(mac/windows)人気1位テキストエディタ!

visualstudiocode

【全手順!】VisualStudioCodeのインストール・日本語化方法!!mac/windows

この記事はVisualStudioCodeのインストール・日本語化をしたいけどどうインストールすれば良いかわからない、簡単にインストールしたいと思っている方の悩みを解決する記事になります!

以下記事でも書きましたが、今人気1位のVisualStudioCodeをこの通りやるだけで誰でも・簡単にダウンロードできます!

プログラミング初心者におすすめ無料テキストエディタ厳選2選!どちらか選べば間違いなし!
プログラミング初心者におすすめ無料テキストエディタ厳選2選!どちらか選べば間違いなし!プログラミング初心者におすすめ無料テキストエディタ厳選2選!どちらか選べば間違いなし!...

mac/windows共に基本は変わりませんので、早速やってみましょう!

(mac・windows)ステップ1:VisualStudioCodeのHPからダウンロードする

visual srudio code
Visual Studio Code ホームページ

まずはこのHPの左側 赤枠を記載した部分からVisualStudioCodeをダウンロードしてください!

実はmacはあとはこれを解凍し開けば終わり!!
簡単!よくあるエラーもあるので注意してください!

※macのみ 新規インストール時注意点:【開発元が未確認のため開けません】の警告ダイアログが表示された際の対処方法

macに置いて、新しくインストール時は確認しないと開けない仕様になっており、
確認せず開こうとすると【開発元が未確認のため開けません】と言う警告ダイアログが出て開かないことが多くあります!

その際は、
・Finderを開く(顔マークのやつ)
・VisualStudioCodeをインストールしたところに行く(デスクトップとか?)
・「コントロールキー」を押しながら「左クリック」
・一番上の「開く」をクリック

これで、開きますか?と出てきますので、そのまま開けば大丈夫です!!

(windowsのみ)ステップ2:VisualStudioCodeをパソコンにインストール

※macの人はステップ3へ!

次は、ダウンロードしたファイルを開いて、インストーラを起動し、以下の手順に沿ってインストールを終わらせましょう!

(1)セットアップウィザードで「次へ」をクリック

(2)ライセンスの同意文書を目を通してからラジオボタン「同意する」を選んだ状態で、「次へ」をクリック

(3)インストール先を選択したい場合は「参照」から指定(基本はそのままでokかと)してから、「次へ」をクリック

(4)スタートメニューに表示される名前を設定し(基本はそのままでokかと)、「次へ」ボタンをクリック

(5)追加タスクの選択で自分の設定したい内容を選んで、「次へ」ボタンをクリック
心配であれば全て選択しておけば問題ないかと!

(6)インストール準備完了!「インストール」ボタンをクリック

(7)Visual Studio Code セットアップウィザードの完了 が表示されたら、「完了」ボタンをクリック

これで完了!

ステップ3:インストールしたVisualStudioCodeを日本語化!

※私がすでに日本語化済みなので、少し表記が違うかもしれませんがお許しください

(1)Visual Studio Codeを開いて左のメニューの一番下のメニュー(赤枠の部分)をクリック
※ここが新しい機能とかを検索し、ダウンロード・機能追加できるメニューになります
visualstudiocode

(2)左上の検索画面に「japanese」と入力
出てきた「japanese languade pack for VisualStudioCode」を選択!
インストールボタンでインストール(真ん中の赤枠のところ)
※私がインストール済みなので、表記がアンインストールになっていますが、本来とかきっと違いますのでご注意を!

たくさん出てくるのでわかりにくいと思いますが、この「地球儀のマーク」「名前」で合っているか判断できると思います!!

(3)インストールした機能を設定しよう!
ダウンロードが終わると英語で「言語パックをアクティブにするために再起動して良いですか?」という内容の案内?ポップアップ?が表示されるので「YES」ボタンをクリック!

これで完了です!!

【簡単!全手順!】VisualStudioCodeのインストール・日本語化の手順!!まとめ

インストール出来ましたか?
早速勉強を開始してみましょう!!!

ダウンロード後の次のステップ
→テキストエディタをダウンロード後の勉強方法でお悩みの方はこちらの記事で解決できるかと思いますのでもし良ければ

【必ず基礎が身に付く】独学でのプログラミング基礎学習のロードマップ【必ず基礎が身に付く】独学でのプログラミング基礎学習のロードマップ...

勉強方法や勉強する言語を相談したい、無料のプログラミング教室のサービスを使いたいという方はこちらの記事で解決できますのでもし良ければ

無料プログラミング教室
【完全無料】現役SEが解説!無料で受けれるプログラミング教室のサービス一覧【完全無料】現役SEが解説!無料で受けれるプログラミング教室のサービス一覧...