🚀 VS Code で で入手しましょう!

プログラミング言語

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

Visual Studio Code では、ほぼすべての主要なプログラミング言語をサポートしています。JavaScript、TypeScript、CSS、HTML など、いくつかの言語は標準で付属していますが、さらに豊富な言語拡張機能は VS Code マーケットプレイス で見つけることができます。

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

マーケットプレイス にアクセスするか、統合された 拡張機能ビュー を使用して、目的のプログラミング言語を検索し、スニペット、コード補完/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 - T-SQL - TypeScript などです。

リンクされた項目をクリックすると、その言語のコンテキストで VS Code を使用する方法の概要が表示されます。ほとんどの言語拡張機能には、コア機能の概要が README にも記載されています。

VS Code の言語機能

サポートの充実度は、言語とその拡張機能によって異なります

  • 構文の強調表示と括弧のマッチング
  • スマート補完 (IntelliSense、GitHub Copilot による人工知能)
  • Lint と修正
  • コードナビゲーション (定義へ移動、すべての参照の検索)
  • デバッグ
  • リファクタリング

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 設定 を使用して、既存の言語に新しいファイル拡張子を追加できます。

たとえば、次の設定では、.myphp ファイル拡張子を php 言語識別子に追加します

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

IntelliSense (⌃Space (Windows、Linux Ctrl+Space)) は、利用可能な言語識別子を表示します。

Language ID IntelliSense

次のステップ

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

よくある質問

独自の言語サービスをコントリビューションできますか?

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

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

はい、TextMate カラライザーを介して、お気に入りの言語のサポートを追加することもできます。Extension API セクションの 構文強調表示ガイド を参照して、TextMate .tmLanguage 構文ファイルを VS Code に統合する方法を確認してください。

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

はい、files.associations 設定 を使用すると、ファイル拡張子をグローバルまたはワークスペースごとに既存の言語にマップできます。

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

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

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

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

パターンは glob パターン であり、/ が含まれている場合はファイルのフルパスと一致し、それ以外の場合はファイル名と一致することに注意してください。

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

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

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

  // The default language mode that is assigned to new files.
  "files.defaultLanguage": "html"
04/03/2025