【募集中】WordPressテーマ『SWELL』で作ったコーポーレートサイトやブログを掲載させて頂ける方

【Macは超簡単】VSCodeをインストールと日本語対応する方法

当ページのリンクには広告が含まれています。
悩む人

Web制作で使うテキストエディターに「Visual Studio Code(VSCode)」を考えているんだけどインストール方法を教えてほしいです。

こういった悩みにお答えします。

本記事で解決できること

  • Visual Studio Codeをダウンロードからインストールする方法
  • Visual Studio Codeを日本語対応させる方法
あわせて読みたい
【VSCode】MacのFinderでクイックアクションを実行する 【VSCode】MacのFinderでクイックアクションを実行する方法を知りたいですか?本記事では、Finderでクイックアクションを実行するために必要なワークフロー(「クイックアクション」>「Open with Code」)の作成や削除方法を解説しています。MacのFinderでクイックアクションを実行する方法を知りたい方は是非ご覧ください。
あわせて読みたい
【VSCode】Web制作の作業がはかどるオススメ拡張機能16選 VSCodeでWeb制作の作業がはかどるオススメ拡張機能を知りたいですか?本記事では、VSCodeに「標準搭載された」「W3Cが非公式にした」「開発が終了した」等を除いた16の拡張機能を紹介しています。VSCodeを使ってWeb制作の作業をはかどらせたい方は是非ご覧ください。
あわせて読みたい
【VSCode】スニペット登録してWeb制作の作業効率アップ VSCodeでスニペット登録してWeb制作の作業効率をアップさせる方法を知りたいですか?本記事では、スニペット登録前後での作業効率の違い(動画を用意)や登録方法(登録に便利なツールの紹介)、複数登録する際の注意点まで解説しています。VSCodeでスニペット登録してWeb制作の作業効率をアップさせたい方は是非ご覧ください。

是非、最後までご覧ください。

本記事の内容

VSCodeをインストールと日本語対応する方法

「Visual Studio Code」の公式サイトにアクセスします。

あわせて読みたい
Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and availa...

アクセスするとPCのOSに合わせたダウンロードボタンが表示されます。

「Dounload Mac Universal」をクリックするとダウンロードが開始されます。

ダウンロードが完了しました。

ダウンロードされた「VSCode-darwin-universal.zip」をクリックします。

すると「”VSCode-darwin-universal.zip”を展開中…」と表示されます。

「VSCode-darwin-universal.zip」が展開されました。

展開された「Visual Studio Code.app」をアプリケーションにドラッグ&ドロップします。

「VSCode-darwin-universal.zip」は削除してOKです。

「Visual Studio Code.app」を開きます。

アプリケーションフォルダを開くとドラッグ&ドロップした「Visual Studio Code.app」が入っています。

「Visual Studio Code.app」をダブルクリックすると、下記画像が表示されるので「開く」をクリックします。

すると、再度「”VSCode-darwin-universal.zip”を展開中…」と表示されます。

「Visual Studio Code」が開きました。

「Visual Studio Code」が日本語対応させます。

開くと「表示言語を日本語に変更するには言語パックをインストールします。」と表示されますので、「インストールして再起動」をクリックします。

Visual Studio Codeが10秒ほどで再起動され日本語に変わります。

拡張機能を開きます。

拡張機能(が四つのマーク)をクリックすると、Visual Studio Codeを日本語対応にする「Japanese Language Pack for Visual Studio Code」がインストールされています。

「ウェルカムページ」を非表示にさせます。

Visual Studio Codeを開く度に下記画像の「ウェルカムページ」を表示させたくない場合には、「起動時にウェルカムページを表示」のチェックを外し「」で閉じます。

その後、Visual Studio Codeも「」で閉じます。

そして、Visual Studio Codeを再度開くと「ウェルカムページ」が表示されなくなっています。

「ウェルカムページ」は「ヘルプ」>「ようこそ」でいつでも非表示から表示に切り替えることができます。

あわせて読みたい
【VSCode】MacのFinderでクイックアクションを実行する 【VSCode】MacのFinderでクイックアクションを実行する方法を知りたいですか?本記事では、Finderでクイックアクションを実行するために必要なワークフロー(「クイックアクション」>「Open with Code」)の作成や削除方法を解説しています。MacのFinderでクイックアクションを実行する方法を知りたい方は是非ご覧ください。

今回は以上です。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
本記事の内容