macOSへのVisual Studio Codeのインストール

Visual Studio Codeは、ダウンロード可能なディスクイメージを通じてmacOS向けに提供されています。VS CodeはIntelベースのMacおよびAppleシリコン搭載のMacをサポートしています。

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

1. macOS用の Visual Studio Codeをダウンロード してください。

2. ダウンロードした .dmg ファイルを開きます。

3. Visual Studio Code.app を アプリケーション フォルダにドラッグします。

4. アプリケーション フォルダからアイコンをダブルクリックしてVS Codeを開きます。

5. VS CodeをDockに保持するには、Dock内のアイコンをControlキーを押しながらクリックし、オプション > Dockに追加 を選択します。

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

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

VS CodeでPATHを設定する

1. VS Codeを起動します。

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

   

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

   任意のフォルダで code . を実行すると、そのフォルダ内のファイルの編集を開始できます。

手動でPATHを設定する

手動でVS Codeをパスに追加するには、お使いのシェルに応じたコマンドを実行します。

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

新しいターミナルを起動して変更を反映させます。任意のフォルダで code . を実行すると、そのフォルダ内のファイルの編集を開始できます。

アップデート

VS Codeは毎週 リリース されており、新しいリリースが利用可能になると自動更新をサポートします。VS Codeから更新を求めるメッセージが表示されたら、承諾して新しいバージョンをインストールしてください。

Touch Barのサポート

VS Codeは、対応しているMac上で以下のTouch Barアクションを追加します

• エディターの履歴ナビゲーション。
• デバッガーを制御するためのデバッグツールバー。

インストール後

VS Code のインストール後、開発ワークフローのセットアップを完了します。

• Git、Node.js、TypeScript、言語ランタイム、コマンドラインツールを含む追加コンポーネントをインストールします。
• テーマ、フォーマッター、デバッガー、言語サポートを追加するために、Visual Studio Marketplace から拡張機能をインストールします。
• VS Code で AI 機能を使用するためにGitHub Copilot を設定します。
• ユーザーインターフェイスと主要機能のハンズオンツアーとして、VS Code チュートリアルを開始します。

よくある質問