ZEN Study

プログラミングコース
FAQ・トラブルシューティング

VS Code のトラブル

目次

(1) インストールしたがアプリケーションフォルダにVisual Studio Code.appがない

次のページをご覧ください。

(2) html:5と入力しタブキーを押してもテンプレートが表示されない

テンプレートを作成する際、html:5 の代わりに ! と入力することが推奨されるようになりましたが解決策は同じです。

(2-1) HTMLファイルとして保存ができていなかった

次のページをご覧ください。

(2-2) Emmetが有効になっていなかった

次のページをご覧ください。

(3) インストール時、「Visual Studio Code を実行する」のチェックを外さずに完了をしてしまった

次のページをご覧ください。

(4) VSCodeを使用しようとしたらgitが見つかりませんと表示される

次のページをご覧ください。

(5) code コマンドの設定手順

VS Code の code コマンドを設定する手順です。

macOS

  1. VS Code を起動します。
  2. Command + Shift + P を押して、コマンドパレットを開きます。
  3. shell command と入力して、Shell Command: Install 'code' command in PATH を選択します。

    VS Code を日本語で使用している場合は シェル コマンド: PATH 内に 'code' コマンドをインストールします と表示されます。
  4. ターミナルを起動している場合は PATH の値を反映するため再起動してください。

Windows

Windows では、code コマンドは自動的にインストールされています。
しかし、何らかの理由で code コマンドを使用できない場合は次の手順で設定してください。

  1. Windows を押して、そのまま 環境変数を編集 と入力します。
  2. {Username} のユーザー環境変数(U) の Path を選択して、編集(E) をクリックします。
  3. 新規(N) をクリックして、C:\Users\{Username}\AppData\Local\Programs\Microsoft VS Code\bin を入力します。
    入力したら OK をクリックして、環境変数名の編集 のウィンドウを閉じます。
    {Username} はプレースホルダーです。
    例えばユーザー名が progedu の場合は {Username} を progedu に置き換えてください。
  4. OK をクリックして、環境変数 のウィンドウを閉じます。
  5. PowerShell や Git Bash を起動している場合は PATH の値を反映するため再起動してください。