web-dev-qa-db-ja.com

Eclipse JavaScript Editor：jsファイルのコンテンツアシスト、オートコンプリート

私は、JavaEE/GoogleAppEngine IDEとしてEclipse（JavaEEおよびWeb開発プラグインを使用）を試しています。 HTMLエディターで<script ... src="..." /> in <head>参照ファイルでJavaScriptのコンテンツアシストを自動的に取得します。 JavaScriptエディター内で他のJavaScriptファイル（jQueryやhomebrew jsライブラリなど）のコンテンツアシストを取得できるかどうか疑問に思っていました。

javascripteclipseautocompleteeclipse-plugincontent-assist
40
Utaal

Eclipse JavaScript editor（Aptanaプラグインなし）でjsコンテンツアシストを取得する方法を見つけました。

プロジェクトタイプにネイティブでJavaScriptサポートが含まれていない場合：Web（またはJavaScript）パースペクティブを開き、プロジェクトを右クリックしてWeb開発サポートを選択します> JavaScriptサポートを追加（JavaScriptサポートが既に存在する場合、これは問題ありません）

次に、プロジェクト内でJavaScript Supportを右クリックして、Propertiesを選択します。 JavaScriptセクションでJavaScriptライブラリに移動し、[ソース]タブを選択します。ここで、現在のプロジェクトのコンテンツアシストによってスキャンされるフォルダーとファイルを追加できます。

Aptana Studio（Eclipseプラグインとしてですが、スタンドアロンバージョンはほぼ同じだと思います）：jsまたはhtmlファイルを開き、showReferencesウィンドウ（またはEclipseでAptanaパースペクティブを開く）およびJavaScriptスコープに追加するjsファイルをドラッグアンドドロップします（異なるJavaScriptファイルとリソースを使用して異なるスコーププロファイルを作成およびアクティブ化することができます：クリックプロファイルの追加ウィンドウのツールバーで）

31
Utaal

imo、 Aptana は、js編集に最適なEclipseプラグインです。 jQuery、yui、dojoなどの主要なライブラリの多くのサポートが含まれています。

Spket 、ただしこれも良い。ほとんどの場合、Firefox拡張機能の開発を行う場合（ただし、少し古くなっています）

組み込みのjsエディターはひどいです。明らかにない場合でも、あちこちにエラーがあると主張しています。

8
Jonathan Fingland

Eclipse Juno 4.2およびAptana Studio 3およびJQuery（jquery-1.7.2.js）の場合

上記のmagjisの答えを上手く使って、警告を出しました。

上記のmagjisに従って縮小されたJQueryライブラリを既存のプロジェクトのサブフォルダーにドロップしても、うまくいきませんでした。新しいプロジェクトを作成し、非圧縮ライブラリを使用した後、私にとってはうまくいきました。

SOやその他の場所で非推奨のAptanaダイアログを参照し、現在のEclipseバージョンに関係のない情報を提供する古い投稿が多数あります。EclipseJuno 4.2、Aptana 3とJQuery 1.7.2、ここに機能するものがあります（少なくとも私にとって）：

Aptanaプラグインがインストールされており、Webパースペクティブにあることを確認してください。これがAptana Studioパースペクティブと呼ばれるものです...「Aptana」という単語が含まれている名前を付ければ、混乱が少なくなります。

デフォルトのエディターが「JavaScript Source Editor」であることを確認してください。これを[ウィンドウ]-> [設定]-> [一般]-> [エディタ]-> [ファイルの関連付け]で設定し、リストで.js拡張子を選択します。下のリストボックスには複数のオプションがあります。他のエディターを使用してもコードの色付けは行われませんでした...これは、コードアシストを使用して作業できる唯一のツールです。

上記のmagjisのアドバイスに従う前にこれを行ったので、それが必要かどうかもわかりません。しかし、次のようにJQueryルーブルをインストールしました。 http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support#JavaScriptLibrarySupport-jQuery%28

次に、上記のmagjisの答えを詳しく説明します。新しいプロジェクトを作成し、jquery-1.7.2.jsをプロジェクトエクスプローラーのプロジェクトにドロップし、表示されたダイアログで[ファイルにリンク]オプションを選択して、非圧縮JQueryライブラリーを追加します。とにかくライブラリが通常行くプロジェクトルートの/ jsフォルダのjquery-1.7.2.jsにリンクしました。 jquery1.4.2.sdocmlをプロジェクトにドロップし、ファイルへのコピーまたはリンクを選択します。ファイルをプロジェクトのルートにコピーしました。

さらにコメントする場合は、振り返ってみると、2か月前にEclipseをあきらめてNotepad ++に固執したか、より無駄のない、より高速で、より安定したPHP/JS/HTML/CSS環境を探していました。

4
VanAlbert

Aptana Studio 3の場合：（Eclipseのプラグインがテスト済み）

興味のあるライブラリを見つけて...ディスクに保存し、プロジェクトにドラッグします。プロジェクトのどこに置かれていても構いません。必要に応じて、このようなファイル用の新しいフォルダーを作成できます。

!!プロジェクトは、Web、PHP、Python、Ruby、RailsなどのWebプロジェクトである必要があります。

http://wiki.appcelerator.org/display/tis/Using+JavaScript+Libraries

4
M J

免責事項私はtern.Javaの著者です。

多くの最新のJavaScriptフレームワーク（jQuery、jQuery）のJavaScriptサポート（完了、ホバー、ハイパーリンク、検証）を改善するためにJSDTを拡張する tern.Java をインストールすることをお勧めしますUI、jQuery Mobile、YUI、Dojo、Cordovaなど） tern modules の完全なリストを参照してください。

4
Angelo

私は多くの提案を試みましたが失敗しました。あきらめようとして、私はこれに出くわしました：

  1. EclipseマーケットプレイスからJSDT jQueryを検索してインストールします。 JSDT jQuery 1.5.0を見つけました。
  2. プロジェクトを右クリックして、ビルドパスを構成します（ワークスペースレベルでもいいのですが）。
  3. [JavaScript]> [パスを含める]に移動し、[JavaScriptライブラリを追加...]をクリックします。
  4. JQueryを選択します。これはv1.8のサポートです。私は見ましたが、新しいものを見つけることができませんでした。
  5. Eclipseとviolaを再起動します。

最後に、正しい？！

3
Mr. Butterworth

Aptana Studio 3.2のJavascript検証を有効にします。

  1. ウィンドウ->設定->検証
  2. JavaScriptを選択し、jslintを有効にします
  3. プロジェクト->プロパティ->プロジェクトの性質
  4. Web（およびその他の必要なもの）を選択します
  5. ウィンドウ->ビューの表示->問題
  6. ファイルを保存すると、問題が警告でいっぱいになります
1
blented
  1. プロジェクトを右クリックして、[プロパティ]を選択します。
  2. Javascript-> Include Pathを展開します。
  3. [ライブラリ]タブで、[Javascriptライブラリの追加]をクリックします。
  4. [ユーザーライブラリ]-> [ユーザーライブラリの構成]を選択します。
  5. 必要なすべての.jsファイルを追加し、[OK]をクリックして、プロジェクトのビルドが完了するまで待ちます。
  6. 独自の.jsファイルを編集するときに追加したすべてのライブラリファイルのコード補完が必要です。

Adding .js Libraries to your project

1
Jeshurun

他の回答を補完するものとして、 Eclipse JSHintプラグイン をインストールすることを強くお勧めします。プロジェクトのプリファレンスで設定でき、チャームのように機能します。 JavaScriptエディターに追加の警告が表示されます。

また、Eclipse（@memberOf、Ctrl + oを使用して移動できます）。

また、Eclipseのサポートが成熟し（2015）、TypeScriptが入力され、IDEが利点を享受できるようになりました（オートコンプリートは Palantir ）。

0
Christophe Roussy

最新のEclipseバージョン（私のIndigo SR2など）の場合、GAEプロジェクトでjQueryのコードアシストを取得するには、2つのことを行う必要があります。

  1. プロジェクトをJavaScriptプロジェクトに設定します。プロジェクトを右クリック->設定（プロパティのすぐ上）-> JavaScriptプロジェクトに変換

  2. バターワース氏と jQuery autocompletion が言ったとおりに正しく行い、JSDT jQueryプラグインをインストールし、jQueryをプロジェクトのJavaScriptリソースに追加します

0
lcn

最新のEclipse Keplerリリースには、 VJET JavaScrip IDE であるもう1つの考慮すべきオプションがあります。もともとeBayで開発され、最近Eclipseの基礎に貢献しました。まだインキュベーション段階ですが、夜間更新サイトからインストールできます。初期機能については、「VJET：JavaScript Toolkit」の提案で説明されています。次のようなさまざまなJSライブラリのJavaScriptエディターでコンテンツアシストを提供します。

  • Node.js
  • jQuery
  • 道場
  • JSON
  • キャンバス

VJET ANVILs Projects ワークスペースにインポートします。

0
dgolovin