Chrome拡張機能の開発にWebStormを使用するにはどうすればよいですか？

私はWebStorm 5を購入したばかりで、これまでのところ、その検査機能を本当に楽しんでいます。Chrome拡張機能を開発しているときに遭遇した1つの問題は、chrome変数を認識しないことです。

chrome入力時にオートコンプリートできるように、インスペクターに変数を追加する方法はありますか？Chromiumを外部ライブラリとして追加する必要があると思いますが、どこから始めればよいかわかりません。

初回セットアップ

1. Settingsダイアログを開く（File> Settings）

2. Languages & Frameworks>>をクリックしJavascriptますLibraries

3. クリック Download

4. TypeScript community stubs選択されていることを確認してください

5. chromeリストから選択します（と入力するだけですばやく見つけることができますchrome）

6. クリック Download and Install

7. クリックOKして[設定]ダイアログを閉じます。

以下に示すステップ2〜6：

後続のプロジェクト

その後のプロジェクトでは、次のことを行います。

1. Settingsダイアログを再度開きます（File> Settings）

2. >>をもう一度クリックしLanguages & FrameworksますJavascriptLibraries

3. 小切手 chrome-DefinitelyTyped

4. クリックOKしてダイアログを閉じます。

以下に示すステップ2〜4：

アップデート2：

これはそのままでサポートされます。以下の完全な回答を参照してください。

更新：

コード補完を取得するためのライブラリとして追加できる、より完全なスタブファイルがあります。これはClosure Compilerプロジェクトの一部です。chrome_extensions.jsをダウンロードします。

も参照してください IDEからこのライブラリを自動的に追加するためのWebStorm機能リクエスト。

Chrome APIのJavaScriptライブラリをどこかに取得する必要がある、または に取得するスタブを使用して基本的な補完を行う必要があります。

ライブラリまたはスタブはWebStormで構成できます。

拡張APIを含むJSONファイルを見つけました。これらのJSONファイルからJSスタブを構築するスクリプトを記述できます。スタブは上記のGitHubにリンクされている基本バージョンのように見えますが、自動生成により、ほぼ完全なAPIおよびJSDocコメントが含まれるため、このようなドキュメントを表示できますIDEで直接。

この場合、JSON => JavaScriptオブジェクトスタブのマッピングは非常に単純であり、この種のコンバーターの作成には1日（または熟練したコーダーの場合は数時間）以上かかりません。

誰かが先に進んで実装した場合は、結果へのリンクをここに投稿してください。

WebStormは、定義された関数のオートコンプリートを有効にするために、いつかjson定義を直接受け入れる必要があります。一方、https：//github.com/QuickrWorld/jsgenにあるプログラムを使用してjsonファイルをjsに変換し、Chrome拡張APIのオートコンプリートを有効にすることができます。

DriveApp、SpreadsheetAppなどのAppScript、関数、およびクラスを記述するために、google-app-scriptと呼ばれるプラグインがWebStormまたはIntellijにあります。
インストール方法は上記と同じです。一方、.gsファイルをJavaScriptとしてマークまたは開く必要があります。（2017年7月）