web-dev-qa-db-ja.com

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

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

Unresolved variable or type chrome

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

javascriptautocompletegoogle-chrome-extensionintellij-ideawebstorm
82
matpie

初回セットアップ

  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：

Webstorm Screenshot

後続プロジェクト

後続のプロジェクトでは、次のことを行うだけです。

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

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

  3. chrome-DefinitelyTypedを確認してください

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

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

Webstorm screenshot

169
Miscreant

更新2：

すぐにサポートされるようになりました。 下記の完全な回答 を参照してください。

Download library

[〜＃〜] update [〜＃〜]：

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

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

Chrome APIのいずれかのAPIのJavaScriptライブラリを取得する必要があります。または スタブを使用して基本的な補完を取得します 。

ライブラリまたはスタブ WebStormで設定可能 。

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

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

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

39
CrazyCoder

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

2
Amitabh

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

1
Mingzhong