JavaScript拡張機能パート1

2016年9月14日 Wade Anderson、@waderyan_

これはJavaScript拡張機能に関するシリーズのパート1です。

私がJavaScriptを学んだのは、2013年夏のインターンシップ中でした。JavaScriptは難しいプログラミング言語ではありませんが、簡単に習得できるものではありませんでした。私はチームの他のメンバーと共に軽量なエディターを使用していましたが、Visual Studio (C#) や Eclipse (Java) のような深い言語統合機能が恋しく思いました。

Visual Studio CodeはIDEではありませんが、IDEができる多くのことを実行できるように拡張できます。VS Codeの拡張機能は、IDEと軽量なエディターとの間のギャップを効果的に埋めます（拡張機能が追加された際に高いパフォーマンスを維持する方法についてはこちらをお読みください）。

以下に、私や多くの皆さんが毎日使用しているいくつかの重要なJavaScript拡張機能を紹介します。

ヒント：これらの拡張機能をインストールするには、拡張機能ビューボタンをクリックし、検索ボックスに拡張機能の名前を入力して、インストールをクリックします。拡張機能の参照で詳細をご覧ください。

ESLint

マーケットプレイス - ESLint

公開元 - Dirk Baeumer

ESLintをプロジェクトに簡単に統合できます。DirkはVS Codeチームのメンバーであり、この拡張機能のメンテナンスを行っており、最近アップデートをリリースしました。ESLintがお気に入りのリンターでない場合でも、JSHint、JSCS、JS Standardを含む、さまざまな他のリンター拡張機能の中から選択できます。

VS Codeのドキュメントで、JavaScriptリンターのセットアップについてさらに詳しくご覧ください。

eslint animation

JavaScript (ES6) コードスニペット

マーケットプレイス - JavaScript (ES6) コードスニペット

公開元 - charalampos karypidis

VS Codeには多くの組み込みコードスニペットが付属しています。JavaScript (ES6) コードスニペット拡張機能は、ES6 (ECMAScript 6) 構文のスニペットを追加します。以下に、この拡張機能が提供するスニペットの一部をご紹介します。このパックが提供する数十ものスニペットについては、拡張機能のREADMEをご覧ください。

javascript snippets