JavaEE/GoogleAppEngine IDE として Eclipse (JavaEE および Web 開発プラグインを使用) を試しています。HTML エディタでを入力すると、参照ファイルで JavaScript のコンテンツ アシストが自動的に取得されます<script ... src="..." />
。<head>
JavaScriptエディター内で他のJavaScriptファイル(jQueryや自作jsライブラリなど)のコンテンツアシストを取得できるかどうか疑問に思っていました.
12 に答える
Eclipse JavaScriptエディター(Aptanaプラグインなし)でjsコンテンツアシストを取得する方法を理解しました。
プロジェクトタイプにJavaScriptサポートがネイティブに含まれていない場合:Web(またはJavaScript)パースペクティブを開き、プロジェクトを右クリックして、[ Web開発サポート] > [ JavaScriptサポートの追加]を選択します(JavaScriptサポートが既に存在する場合は問題ありません)。
次に、プロジェクト内の[ JavaScriptサポート]を右クリックして[プロパティ]を選択し、[JavaScript]セクションで[JavaScriptライブラリ]に移動して[ソース]タブを選択します。ここで、現在のプロジェクトのコンテンツアシストでスキャンするフォルダーとファイルを追加できます。
Aptana Studio (Eclipseプラグインとしてですが、スタンドアロンバージョンはほぼ同じだと思います):任意のjsまたはhtmlファイルを開き、[参照]ウィンドウを表示して(またはEclipseでAptanaパースペクティブを開き)、JavaScriptに追加するjsファイルをドラッグドロップしますスコープ(さまざまなJavaScriptファイルとリソースを使用してさまざまなスコーププロファイルを作成してアクティブ化することができます。ウィンドウツールバーの[プロファイルの追加]をクリックするだけです)
Aptana Studio 3 の場合: (テスト済みの Eclipse 用プラグイン)
興味のあるライブラリを見つけて...ディスクに保存し、プロジェクトにドラッグします。プロジェクト内のどこにあるかは問題ではないため、必要に応じて、このようなファイル用の新しいフォルダーを作成できます。
!! プロジェクトは、Web、PHP、Python、Ruby、Rails などの Web プロジェクトである必要があります。
http://wiki.appcelerator.org/display/tis/Using+JavaScript+Libraries
Eclipse Juno 4.2 および Aptana Studio 3 および JQuery (jquery-1.7.2.js) の場合
私はこれを機能させ、上記の賛成票を投じたmagjisの回答を警告付きで取得しました。
上記の magjis に従って縮小された JQuery ライブラリを既存のプロジェクトのサブフォルダーにドロップしても、うまくいきませんでした。新しいプロジェクトを作成し、圧縮されていないライブラリを使用した後、うまくいきました。
SO やその他の場所には、非推奨の Aptana ダイアログを参照し、現在の Eclipse バージョンに関係のない情報を提供する古い投稿が多数あります。私が知っているのは、Eclipse Juno 4.2、Aptana 3、および JQuery 1.7.2 の場合、次のように動作することだけです (少なくとも私にとっては)。
Aptana プラグインがインストールされていて、Web パースペクティブにいることを確認してください。それが Aptana Studio パースペクティブと呼ばれるものです...「Aptana」という単語が含まれる名前にすると、混乱が少なくなります。
デフォルトのエディタが「JavaScript ソース エディタ」であることを確認してください。これを Window -> Preferences -> General -> Editors -> File Associations で設定し、リストで .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 環境を探すことに時間を費やしていたらよかったのにと思います。
免責事項 私は tern.java の作成者です。
多くの最新の JavaScript フレームワーク (jQuery、jQuery UI、jQuery Mobile、YUI、Dojo、Cordova など) の JavaScript サポート (補完、ホバー、ハイパーリンク、検証) を改善するために JSDT を拡張する tern.java をインストールすることをお勧めします。tern モジュールの完全なリスト
私は多くの提案を試みて失敗しました。あきらめようとして、私はこれに出くわしました:
- Eclipse マーケット プレイスから JSDT jQuery を検索してインストールします。JSDT jQuery 1.5.0 を見つけました。
- プロジェクトを右クリックして、ビルド パスを構成します (ワークスペース レベルでもよかったと思います)。
- JavaScript > インクルード パスに移動し、[JavaScript ライブラリを追加...] をクリックします。
- jQuery を選択します。これは v1.8 のサポートです。調べましたが、新しいものは見つかりませんでした。
- Eclipse と viola を再起動します。
ついに、ですよね!?
Aptana Studio 3.2 の Javascript 検証を有効にする:
- ウィンドウ -> 設定 -> 検証
- Javascript を選択し、jslint を有効にします
- プロジェクト -> プロパティ -> プロジェクトの性質
- Web (およびその他の必要なもの) を選択します。
- ウィンドウ -> ビューの表示 -> 問題
- ファイルを保存します。問題は警告でいっぱいになるはずです
他の回答を補完するものとして、Eclipse JSHint pluginをインストールすることを強くお勧めします。プロジェクト設定で構成でき、魅力的に機能します。JavaScript エディターに追加の警告が表示されます。
また、関数の上に jsDoc を記述することをお勧めします。これは Eclipse に役立つためです ( @memberOf
Ctrl+o を使用してナビゲートできます)。
Eclipse のサポートが成熟し (2015 年)、TypeScript が型付けされ、IDE がメリットを享受できるため、TypeScript に移行することもできます (自動補完はPalantirの魅力のように機能します)。
最新の Eclipse Kepler リリースでは、考慮すべきオプションがもう 1 つあります。これはVJET JavaScrip IDEです。元々は eBay で開発され、最近 Eclipse Foundation に貢献しました。まだインキュベーション段階ですが、夜間更新サイトからインストールできます。初期機能は「VJET: JavaScript Toolkit」提案に記載されています。次のようなさまざまな JS ライブラリの JavaScript エディターでコンテンツ アシストを提供します。
- Node.js
- jQuery
- 道場
- JSON
- キャンバス
VJET ANVILs プロジェクトを介してワークスペースにインポートされます。