Liferay Dev StudioのTernの統合は、コードの推論と補完のための貴重なフロントエンドおよびバックエンド開発ツールを多数提供しています。このチュートリアルでは、プロジェクトでTern機能を有効にする方法について説明します。
このチュートリアルを開始する前に、Dev Studioインスタンスに必要な開発ツールとTern統合がインストールされていることを確認してください。これを行うには、[ヘルプ] → [Eclipseについて] → *[インストールの詳細]に移動し、[インストール済みソフトウェア]にある[Liferay IDE AlloyUI]を見つけます。インストールが済んでいる場合は、[Tern機能の設定]*セクションに進みます。まだの場合は、以下の手順に従ってインストールする必要があります。
-
[ヘルプ] → *[新規ソフトウェアのインストール…]*に移動します。
-
以下のリンクを*[作業]*フィールドに貼り付けます。
http://releases.liferay.com/tools/ide/latest/stable/ -
*[Liferay IDE AlloyUI]*オプションがチェックされていることを確認し、インストールプロセスを完了します。
必要な機能がインストールされたので、以下で説明する手順に従って、プロジェクトでTernのコードアシスト機能を有効にします。
Tern機能の設定
Tern機能はプロジェクトごとに有効になります。デフォルトでは、TernはPlugins SDKを使用して作成されたLiferay WARスタイルのポートレットに対してすでに有効になっています。 他のすべてのプロジェクトタイプ（Liferay Module Projectなど）については、以下の手順に従う必要があります。
-
プロジェクトを右クリックして、[設定] → *[Ternプロジェクトに変換]*を選択します。
これで、プロジェクトがTernを使用するように設定されました。プロジェクトを設定したら、プロジェクトに使用するモジュールを有効にする必要があります。
-
インストールされているTernプラグインをリストにしたメニューが表示されます。たとえば、AlloyUI機能を使用するには、AlloyUI、Browser、 JSCS、Liferay、およびYUI Libraryモジュールを有効にする必要があります。下の図は、[Tern Modules]メニューを示しています。
インストールされているTernプラグインのこのリストを参照する必要がある場合は、プロジェクトを右クリックして*[プロパティ]を選択します。次に、[Tern]* → *[モジュール]*を選択します。
-
プロジェクトで使用する追加モジュールを確認し、*[OK]*をクリックします。
これで、プロジェクトがDev StudioのTern機能を使用できるように設定されました。
関連トピック
Using Front-End Code Assist Features in Dev Studio