文檔金喜正規買球>>IntelliJ IDEA系列教程：>>Java開發平臺IntelliJ IDEA教程：AngularJS?

Java開發平臺IntelliJ IDEA教程：AngularJS?

IntelliJ IDEA是Java語言開發的集成環境，IntelliJ在業界被公認為優秀的Java開發工具之一，尤其在智能代碼助手、代碼自動提示、重構、J2EE支持、Ant、JUnit、CVS整合、代碼審查、創新的GUI設計等方面的功能可以說是超常的。

點擊下載IntelliJ IDEA最新版

此功能僅在Ultimate版本中受支持。

AngularJS也稱為Angular 1，是用于開發單頁Web應用程序的框架。IntelliJ IDEA為預定義和自定義ng指令以及控制器和應用程序名稱提供了AngularJS感知的完成選項，以及大括號表達式內數據綁定的代碼洞察{{}}。您可以使用內置的AngularJS生活模板和HTML中的控制器的名稱和它在JavaScript或之間定義之間導航ngView或&routeProvider和模板。對于AngularJS實體，請使用“ 轉到符號”導航。

在開始之前，請確保您的計算機上有Node.js.

創建一個新的AngularJS應用程序

您可以使用AngularJS種子項目或創建一個空的IntelliJ IDEA項目，并通過下載AngularJS框架或Bower包管理器手動安裝AngularJS。

使用種子項目創建應用程序

選擇文件| 新的| 從主菜單中選擇項目，或單擊歡迎屏幕上的新建項目按鈕。
在“ 項目類別和選項”對話框（“ 新建項目”向導的第一頁）中，在左側窗格中選擇“ 靜態Web ”。
在右側窗格中，選擇AngularJS，然后單擊Next。
在向導的第二頁上，指定項目名稱和要在其中創建的文件夾。
從版本列表中，選擇分支//github.com/angular/angular.js以從中下載項目模板。默認情況下，master如果顯示。
單擊“完成”時 IntelliJ IDEA 基于AngularJS種子項目生成包含所有必需配置文件的AngularJS特定項目結構

要下載AngularJS依賴項，請執行以下操作之一：

在嵌入式終端（Alt+F12）中，鍵入：
npm install
從項目根目錄中的package.json文件的上下文菜單中選擇Run'npm install'。
AngularJS依賴項包含AngularJS代碼以及支持開發和測試的工具。

創建一個空的IntelliJ IDEA項目

選擇文件| 新的| 從主菜單中選擇項目，或單擊歡迎屏幕上的新建項目按鈕。在“ 項目類別和選項”對話框（“ 新建項目”向導的第一頁）中，在左側窗格中選擇“ 靜態Web ”。
在右側窗格中，選擇Static Web，然后單擊Next。
在向導的第二頁上，指定項目名稱和要在其中創建的文件夾。
單擊“完成”后，IntelliJ IDEA將創建并打開一個空項目。

手動在空項目中安裝和配置AngularJS

下載AngularJS框架。
打開您將使用AngularJS的空項目。
將AngularJS配置為IntelliJ IDEA JavaScript庫，讓IntelliJ IDEA識別AngularJS特定結構并提供完整的編碼幫助：
在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉到“ 語言和框架”| JavaScript | 圖書館。將打開“ JavaScript庫”頁面。
在“ 庫”區域中，單擊“ 添加”按鈕。
在打開的“ 新建庫”對話框中，指定庫的名稱。
單擊庫文件列表旁邊的，然后從上下文菜單中選擇“ 附加文件”或“ 附加目錄 ”，具體取決于您是需要單獨的文件還是整個文件夾。
選擇Angular.js或Angular.min.js，或打開的對話框中的整個目錄。IntelliJ IDEA返回“ 新建庫”對話框，其中“ 名稱”只讀字段顯示所選文件或文件夾的名稱。
在“ 類型”字段中，指定已下載并將要添加的版本。
如果添加了Angular.js，請選擇Debug。此版本在開發環境中很有用，尤其適用于調試。
如果添加了縮小的 Angular.min.js，請選擇“ 釋放”。此版本在生產環境中很有用，因為文件大小要小得多。

通過Bower在空項目中安裝AngularJS

打開您將使用AngularJS的空項目。
安裝 Bower
在嵌入式Terminal（Alt+F12）中，鍵入bower install angular以將程序包安裝為項目依賴項。
您還可以按照管理Bower軟件包中的說明在“設置/首選項”對話框的“ Bower”頁面 angular上安裝軟件包。

從現有的AngularJS應用程序開始

如果您的項目中已經有Angular源（例如，在bower_components 文件夾中），只需打開項目并開始工作。如果從項目中排除這些源，則只需將AngularJS配置為JavaScript庫。