129

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

未解決の変数またはタイプ chrome

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

4

4 に答える 4

274

初回セットアップ

  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> Javascript>Librariesをもう一度クリックします

  3. 小切手chrome-DefinitelyTyped

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

以下に示す手順 2 ～ 4:

ウェブストームのスクリーンショット

于 2014-08-23T21:53:22.327 に答える
46

更新 2 :

すぐに使用できるようになりました。以下の完全な回答を参照してください。

ライブラリをダウンロード

更新：

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

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

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

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

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

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

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

于 2012-12-24T08:38:18.977 に答える