プログラミング言語

数百種類のプログラミング言語をサポート

Visual Studio Code では、ほぼすべての主要なプログラミング言語がサポートされています。JavaScript、TypeScript、CSS、HTML など、いくつかの言語は標準で組み込まれていますが、より高度な言語拡張機能は VS Code Marketplace で見つけることができます。

人気のある言語拡張機能を 8 つ紹介します

Marketplace にアクセスするか、統合された 拡張機能ビュー を使用して目的のプログラミング言語を検索し、スニペット、コード補完/IntelliSense プロバイダー、リンター、デバッガーなどを探してください。

: VS Code の表示言語を変更したい場合(例: 中国語にするなど)は、表示言語のトピックを参照してください。

言語固有のドキュメント

VS Code でサポートされているプログラミング言語について学びましょう。以下が含まれます: C++ - C# - CSS - Dart - Dockerfile - F# - Go - HTML - Java - JavaScript - JSON - Julia - Less - Markdown - PHP - PowerShell - Python - R - Ruby - Rust - SCSS - Swift - T-SQL - TypeScript

リンクされているアイテムをクリックすると、その言語のコンテキストで VS Code を使用する方法の概要を確認できます。ほとんどの言語拡張機能には、その中心的な機能のまとめが README に記載されています。

VS Code での言語機能

サポートの豊富さは、各言語および拡張機能によって異なります

  • 構文ハイライトとブラケットの照合
  • スマート補完(IntelliSense、GitHub Copilot による人工知能)
  • Linting(静的解析)および修正
  • コードナビゲーション(定義へ移動、すべての参照を検索)
  • デバッグ
  • リファクタリング

AI による補完機能の強化

VS Code では、コード行や関数全体の提案、迅速なドキュメント作成、テストのようなコード関連アーティファクトの作成支援など、人工知能 (AI) を活用してコーディングを強化できます。

GitHub Copilot は、コードをより速く、よりスマートに作成するのに役立つ AI 駆動型のコード補完ツールです。VS Code で GitHub Copilot 拡張機能を使用してコードを生成したり、生成されたコードから学習したりできます。

GitHub Copilot extension in the VS Code Marketplace

Copilot の開始方法については、Copilot のドキュメントで詳細を確認できます。

選択したファイルの言語を変更する

VS Code では、ファイルの拡張子に基づいてデフォルトの言語サポートが設定されます。しかし、言語モードを変更したい場合があるかもしれません。その場合は、ステータスバーの右側にある言語インジケーターをクリックしてください。言語モードの選択ドロップダウンが表示され、現在のファイルに対して別の言語を選択できます。

Language Selector

ヒント: 言語モードの変更コマンド(⌘K M (Windows, Linux Ctrl+K M))を実行しても、同じドロップダウンを表示できます。

言語識別子

VS Code は言語モードを特定の言語識別子に関連付けるため、現在の言語モードに基づいて様々な VS Code 機能が有効になります。

言語識別子は、多くの場合(常にではありませんが)小文字のプログラミング言語名です。識別子の完全一致には大文字と小文字の区別があることに注意してください('Markdown' != 'markdown')。不明な言語のファイルには、plaintext という言語識別子が割り当てられます。

現在インストールされている言語とその識別子のリストは、言語モードの変更⌘K M (Windows, Linux Ctrl+K M))ドロップダウンで確認できます。

language identifiers

既知の識別子のリストは、言語識別子リファレンスで確認できます。

言語にファイル拡張子を追加する

files.associations Open in VS Code Open in VS Code Insiders 設定を使用して、既存の言語に新しいファイル拡張子を追加できます。

例えば、以下の設定は .myphp ファイル拡張子を php 言語識別子に追加します。

    "files.associations": {
        "*.myphp": "php"
    }

IntelliSense(⌃Space (Windows, Linux Ctrl+Space))を使用すると、利用可能な言語識別子が表示されます。

Language ID IntelliSense

次のステップ

これで、VS Code がお使いの言語をサポートしていることがわかりました。続いて読み進めてください...

よくある質問

独自の言語サービスを提供できますか?

はい、可能です!VS Code 拡張機能 API ドキュメント内の 言語サーバーの例 を確認してください。

フル機能の言語サービスを作成したくない場合、既存の TextMate バンドルを再利用できますか?

はい、TextMate カラーライザーを使用して、お気に入りの言語のサポートを追加することもできます。TextMate .tmLanguage 構文ファイルを VS Code に統合する方法については、拡張機能 API セクションの 構文ハイライトガイド を参照してください。

言語に追加のファイル拡張子をマッピングできますか?

files.associations Open in VS Code Open in VS Code Insiders 設定を使用すると、ファイル拡張子を既存の言語にグローバルまたはワークスペース単位でマッピングできます。

PHP 言語により多くのファイル拡張子を関連付ける例を以下に示します。

"files.associations": {
    "*.php4": "php",
    "*.php5": "php"
}

必要に応じて、完全なファイルパスを言語に構成することもできます。次の例では、somefolder フォルダ内のすべてのファイルを PHP に関連付けます。

"files.associations": {
    "**/somefolder/*.*": "php"
}

パターンは glob パターン であり、パスに / が含まれる場合はフルパスに対してマッチングし、そうでない場合はファイル名に対してマッチングすることに注意してください。

新しいファイルのデフォルト言語を設定するにはどうすればよいですか?

files.defaultLanguage Open in VS Code Open in VS Code Insiders 設定を使用すると、すべての新しいファイルをデフォルトの言語にマッピングできます。新しい空のファイルを開くたびに、エディターはその言語モード用に構成されます。

この例では、新しいファイルを HTML 言語に関連付けます。

  // The default language mode that is assigned to new files.
  "files.defaultLanguage": "html"
© . This site is unofficial and not affiliated with Microsoft.