Eclipse JavaScript Editor:jsファイルのコンテンツアシスト、オートコンプリート
-
06-07-2019 - |
質問
Eclipse(JavaEEおよびWeb Developmentプラグイン)をJavaEE / GoogleAppEngine IDEとして試しています。 HTMLエディターで<script ... src="..." />
を<head>
に配置すると、参照ファイルでJavaScriptのコンテンツアシストが自動的に取得されます。 JavaScriptエディター内で他のJavaScriptファイル(jQueryやhomebrew jsライブラリなど)のコンテンツアシストを取得できるかどうか疑問に思っていました。
解決
Eclipse JavaScriptエディター(Aptanaプラグインなし)でjsコンテンツアシストを取得する方法を見つけました:
プロジェクトタイプにJavaScriptサポートがネイティブに含まれていない場合:Web(またはJavaScript)パースペクティブを開き、プロジェクトを右クリックして、 Web開発サポート <!> gt;を選択します。 JavaScriptサポートを追加(JavaScriptサポートが既に存在していても問題ありません)
プロジェクト内で JavaScriptサポートを右クリックしてプロパティを選択し、JavaScriptセクションでJavaScriptライブラリに移動してから[ソース]タブを選択します。ここでフォルダーと現在のプロジェクトのコンテンツアシストによってスキャンされるファイル
Aptana Studio で(Eclipseプラグインとしてですが、スタンドアロンバージョンはほぼ同じだと思います):任意のjsまたはhtmlファイルを開き、 References ウィンドウを表示します(または開きますEclipseのAptanaパースペクティブ)およびJavaScriptスコープに追加するドラッグアンドドロップjsファイル(異なるJavaScriptファイルとリソースを使用して異なるスコーププロファイルを作成およびアクティブ化することができます:ウィンドウでプロファイルの追加をクリックするだけです)ツールバー)
他のヒント
Aptana Studio 3の場合:(Eclipseのプラグインがテスト済み)
興味のあるライブラリを見つける...ディスクに保存し、プロジェクトにドラッグします。プロジェクトのどこに置かれていても構いません。必要に応じて、このようなファイル用の新しいフォルダーを作成できます。
!!プロジェクトは、Web、PHP、Python、Ruby、RailsなどのWebプロジェクトである必要があります。
http://wiki.appcelerator.org/display/tis/Using+ JavaScript +ライブラリ
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 Source Editor」であることを確認してください。これをウィンドウで設定します-<!> gt;設定-<!> gt;全般-<!> gt;編集者-<!> gt;ファイルの関連付けと、リスト内の.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の著者です。
tern.javaをインストールすることをお勧めしますJSDTを拡張して、多くの最新のJavaScriptフレームワーク(jQuery、jQuery UI、jQuery Mobile、YUI、Dojo、Cordovaなど)のJavaScriptサポート(完了、ホバー、ハイパーリンク、検証)を改善します。 ternモジュール
私は多くの提案を試みましたが失敗しました。あきらめようとすると、これに出くわしました:
- EclipseマーケットプレイスからJSDT jQueryを検索してインストールします。 JSDT jQuery 1.5.0を見つけました。
- プロジェクトを右クリックしてビルドパスを設定します(ワークスペースレベルでもいいと思います)。
- JavaScriptに移動<!> gt;パスを含め、[JavaScriptライブラリを追加...]をクリックします。
- jQueryを選択します。これはv1.8のサポートです。探しましたが、新しいものは見つかりませんでした。
- Eclipseとviolaを再起動します。
最後に、そうですか!
Aptana Studio 3.2のJavascript検証の有効化:
- ウィンドウ-<!> gt;設定-<!> gt;検証
- Javascriptを選択し、jslintを有効にします
- プロジェクト-<!> gt;プロパティ-<!> gt;プロジェクトの性質
- Web(およびその他の必要なもの)を選択します
- ウィンドウ-<!> gt;ビューを表示-<!> gt;問題
- ファイルを保存すると、問題が警告でいっぱいになります
- プロジェクトを右クリックして、[プロパティ]を選択します。
- Javascriptを展開する-<!> gt;パスを含める。
- 「ライブラリ」タブで、「<!> quot; Add Javascript Library <!> quot;」をクリックします。
- <!> quot; User Library <!> quot;を選択します。 -<!> gt; <!> quot;ユーザーライブラリの構成<!> quot;。
- 必要なすべての.jsファイルを追加し、[OK]をクリックして、プロジェクトのビルドが完了するまで待ちます。
- 独自の.jsファイルを編集するときに追加したすべてのライブラリファイルのコード補完が必要です。
最近のEclipseバージョン(私のIndigo SR2など)の場合、GAEプロジェクトでjQueryのコードアシストを取得するには、2つのことを行う必要があります。
-
次の方法でプロジェクトをJavaScriptプロジェクトとして構成します。プロジェクトを右クリックします-<!> gt;構成(プロパティのすぐ上)-<!> gt; JavaScriptプロジェクトに変換
-
バターワース氏および jQueryオートコンプリートは、JSDT jQueryプラグインをインストールし、jQueryをプロジェクトのJavaScriptリソースに追加する
Eclipse Keplerの最新リリースには、 VJET JavaScrip IDE 。もともとeBayで開発され、最近Eclipseの基盤に貢献しました。まだインキュベーション段階ですが、夜間更新サイトからインストールできます。初期機能については、「VJET:JavaScript Toolkit」の提案で説明されています。次のようなさまざまなJSライブラリのJavaScriptエディターでコンテンツアシストを提供します。
- Node.js
- jQuery
- 道場
- JSON
- キャンバス
VJET ANVILs Projects をワークスペースにインポートします。
>他の回答の補足として、 Eclipse JSHintプラグインをインストールすることを強くお勧めします。 プロジェクトの環境設定で設定でき、チャームのように機能します。 JavaScriptエディターに追加の警告が表示されます。
また、Eclipseに役立つため、関数の上にjsDocを記述することをお勧めします(@memberOf
、Ctrl + oを使用してナビゲートできます)。
Eclipseサポートが成熟(2015)し、TypeScriptが入力され、IDEがメリットを享受できるため、TypeScriptに移行することもできます(オートコンプリートは Palantir )。