VS Code 向け JavaScript 拡張機能
Visual Studio Code は、JavaScript および Node.js 開発向けの多くの機能をサポートしています。ダウンロードされた製品に付属する機能は、デバッグ、IntelliSense、コードナビゲーションなどのコア機能です。
これらのコア機能に加えて、VS Code で JavaScript 開発のための機能を追加するために、多数の高品質な拡張機能をインストールできます。
ヒント: 拡張機能のインストールと管理方法については、拡張機能のドキュメントを参照してください。
拡張機能の検索
拡張機能ビューの検索バーに「JavaScript」と入力することで JavaScript 拡張機能を見つけることができます。または、タグ「"tag:javascript"」を使用して JavaScript 拡張機能を見つけることもできます。VS Code または Marketplace でさらに多くの拡張機能を検索してください。
さらに、Node.js 拡張機能を検索することもできます。
ヒント: 上記に表示されている拡張機能は動的にクエリされます。上の拡張機能タイルをクリックして説明とレビューを読み、あなたに最適な拡張機能を選択してください。Marketplace で詳細をご覧ください。
推奨される拡張機能
使い始めたばかりの方には、次に試してみることをお勧めする拡張機能を紹介します。
ESLint
マーケットプレイス - ESLint
発行元 - Microsoft
ESLint をプロジェクトに簡単に統合します。ESLint がお気に入りのリンターでない場合は、JSHint、JSCS、JS Standard を含む、さまざまな他のリンター拡張機能から選択してください。
VS Code の ドキュメントで JavaScript リンターの設定について詳しく読むことができます。
SonarLint
マーケットプレイス - SonarLint
発行元 - SonarSource
SonarLint は、コーディング中にバグやセキュリティの問題を見つけて修正するのに役立ちます。この拡張機能はバックグラウンドで実行され、スペルチェッカーのようにコーディングの問題をハイライトします。SonarLint は問題が何であるかを伝えるだけでなく、問題がなぜ有害なのか、関連する例とともに修正方法に関するコンテキスト内のガイダンスも提供します。この拡張機能は 200 以上の JS/TS ルールをサポートし、コーディングの問題を自動的に処理するためのいくつかの クイックフィックスを含んでいます。
VS Code Marketplace で「SonarLint」を検索してインストールしてください。設定は不要です。ほとんどのユーザーに合ったデフォルトのプロファイルから始め、特定のニーズに基づいてカスタマイズできます。
JavaScript (ES6) コードスニペット
マーケットプレイス - JavaScript (ES6) コードスニペット
発行元 - charalampos karypidis
VS Code には多くの組み込みコードスニペットが付属しています。JavaScript (ES6) コードスニペット拡張機能は、ES6 (ECMAScript 6) 構文のスニペットを追加します。以下は、この拡張機能によって提供されるスニペットのごく一部です。このパックが提供する数十のスニペットについては、拡張機能の README を参照してください。
VS Code の ドキュメントで JavaScript スニペットについて詳しく読むことができます。Angular 1、Angular 2、Bootstrap 3、ReactJs、jQuery など、追加のスニペットパックについては、Marketplace の スニペットカテゴリを確認してください。
npm IntelliSense
マーケットプレイス - npm IntelliSense
発行元 - Christian Kohler
この拡張機能は、import または require を使用する際に npm モジュールに対する IntelliSense を提供します。
