macOS 上の Visual Studio Code

インストール

1. Visual Studio Code のダウンロードとインストール

   注

   VS Codeは毎月リリースされ、新しいリリースが利用可能になると自動更新をサポートします。

2. 追加コンポーネントをインストールする

   Git、Node.js、TypeScript、言語ランタイムなどをインストールします。

3. Visual Studio Marketplace から VS Code 拡張機能をインストールする

   お気に入りの言語用のテーマ、フォーマッター、言語拡張機能、デバッガーなどで VS Code をカスタマイズします。

4. AI 機能を有効にする

   ヒント

   まだ Copilot のサブスクリプションをお持ちでない場合は、Copilot Free プランにサインアップすることで Copilot を無料で使用でき、月間の補完とチャットの対話に制限があります。

5. VS Code のチュートリアルを始める

   VS Code のユーザーインターフェイスと主要な機能を発見しましょう。

macOS に VS Code をインストールする

1. macOS 用の Visual Studio Code をダウンロードします。

2. ブラウザーのダウンロードリストを開き、ダウンロードしたアプリまたはアーカイブを見つけます。

3. アーカイブの場合は、アーカイブの内容を展開します。一部のブラウザーではダブルクリックを使用するか、Safari では「虫眼鏡」アイコンを選択します。

4. Visual Studio Code.app を Applications フォルダーにドラッグすると、macOS の Launchpad で利用できるようになります。

5. Applications フォルダーから VS Code を開くには、アイコンをダブルクリックします。

6. VS Code を Dock に追加するには、Dock にあるアイコンを右クリックしてコンテキスト メニューを表示し、オプション、Dock に追加を選択します。

コマンドラインから VS Code を起動する

ターミナルから code と入力して VS Code を実行するには、それを $PATH 環境変数に追加します。

VS Code でパスを構成する

1. VS Code を起動します。

2. コマンド パレット (Cmd+Shift+P) を開き、「shell command」と入力し、Shell Command: Install 'code' command in PATH コマンドを実行します。

   

3. 新しい $PATH の値を有効にするためにターミナルを再起動します。

   これで、どのフォルダーでも 'code .' と入力することで、そのフォルダー内のファイルの編集を開始できます。

パスを手動で構成する

VS Code をパスに手動で追加するには

1. 次のコマンドを実行します

   Zsh:

   cat << EOF >> ~/.zprofile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   Bash:

   cat << EOF >> ~/.bash_profile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   注

   先頭のスラッシュ \ は、連結中に $PATH が展開されるのを防ぐために必要です。export コマンドをターミナルで直接実行したい場合は、先頭のスラッシュを削除してください。

2. 新しいターミナルを起動して変更を反映させます。

   これで、どのフォルダーでも 'code .' と入力することで、そのフォルダー内のファイルの編集を開始できます。

更新

VS Code は毎月リリースを配信し、新しいリリースが利用可能になると自動更新をサポートします。VS Code にプロンプトが表示されたら、最新の更新を受け入れるとインストールされます (最新のビットを取得するために他に何もする必要はありません)。

Touch Bar のサポート

初期状態で、VS Code は以下の Touch Bar アクションを追加します

• エディターの履歴をナビゲートする
• Touch Bar でデバッガーを制御するための完全なデバッグ ツール バー

Mojave のプライバシー保護

macOS Mojave では、「Visual Studio Code が {カレンダー/連絡先/写真} へのアクセスを求めています」というダイアログが表示されることがあります。これは Mojave の新しいプライバシー保護によるもので、VS Code に特有のものではありません。他のアプリケーションを実行しているときにも同じダイアログが表示されることがあります。このダイアログは個人データの種類ごとに一度表示され、VS Code はこれらのフォルダーへのアクセスを必要としないため、許可しないを選択して問題ありません。

次のステップ

VS Code をインストールしたら、以下のトピックでさらに詳しく学ぶことができます。

• VS Code チュートリアル - VS Code の主要機能を素早く体験できるハンズオンツアーです。
• ヒントとテクニック - VS Code を使用する際の生産性向上に関するヒント集です。
• AI 支援コーディング - VS Code で GitHub Copilot を使用して、より速くコードを作成する方法について学びます。

よくある質問

なぜ「Visual Studio Code がカレンダーへのアクセスを求めています」と表示されるのですか？

macOS Mojave バージョンを実行している場合、「Visual Studio Code が {カレンダー/連絡先/写真} へのアクセスを求めています」というダイアログが表示されることがあります。これは上記で説明した Mojave の新しいプライバシー保護によるものです。VS Code はこれらのフォルダーへのアクセスを必要としないため、許可しないを選択して問題ありません。

VS Code の更新が失敗する

再起動後に VS Code が更新されない場合、macOS によって隔離されている可能性があります。解決策については、このissueの手順に従ってください。

VS Code は Apple シリコン搭載マシンで動作しますか？

はい、VS Code は Apple シリコンチップセットを搭載した Mac で実行できる macOS Arm64 ビルドをサポートしています。Intel と Apple シリコンの両方のビルドを含むユニバーサルビルド、またはプラットフォーム固有のビルドのいずれかをインストールできます。