最终的

AngularJS

1. 下载并安装Node.js。

   警告

   仅 Node.js 版本 16 及更早版本支持 Angular 应用程序的调试。

2. 确保在“设置”|上启用了JavaScript 和 TypeScript以及Angular 和 AngularJS所需的插件。插件页面，选项卡已安装。有关更多信息，请参阅管理插件。

下载 AngularJS 依赖项

• 在嵌入式终端( ) 中，键入：AltF12

  npm install

• 或者，从项目根目录中的package.json文件的上下文菜单中选择运行“npm install” 。

提示

AngularJS 依赖项包含 AngularJS 代码以及支持开发和测试的工具。

创建一个空的 IntelliJ IDEA 项目

1. 选择文件 | 新 | 从主菜单进行项目或单击欢迎屏幕上的“新建项目”按钮。

2. 在“新建项目”对话框中，选择左侧窗格中的“新建项目” 。

3. 在右侧窗格中，选择语言区域中的JavaScript。

4. 为新项目命名并根据需要更改其位置，然后单击“创建”。

在空项目中手动安装和配置 AngularJS

1. 从http://angularjs.org/下载AngularJS框架。

2. 打开您将在其中使用AngularJS 的空项目。

3. 将AngularJS配置为 IntelliJ IDEA JavaScript 库，让 IntelliJ IDEA 识别 AngularJS 特定的结构并提供完整的编码帮助：

   1. 在“设置”对话框 ( ) 中，转至语言和框架 | JavaScript | 图书馆。CtrlAlt0S

   2. 在“库”区域中，单击“添加”按钮。

   3. 在打开的“新建库”对话框中，指定库的名称。

   4. 单击库文件列表旁边的“添加”按钮 ( )，然后选择“附加文件”或“附加目录”，具体取决于您需要单独的文件还是整个文件夹。

   5. 在打开的对话框中选择Angular.js、Angular.min.js或整个目录。

      IntelliJ IDEA 返回“新建库”对话框，其中“名称”只读字段显示所选文件或文件夹的名称。

   6. 在“类型”字段中，指定您已下载并要添加的版本。

      • 如果您添加了Angular.js，请选择Debug。该版本在开发环境中很有帮助，特别是对于调试。

      • 如果您添加了缩小版的 Angular.min.js，请选择Release。该版本在生产环境中很有帮助，因为文件大小明显更小。

   从配置 JavaScript 库了解更多信息。

使用 Bower 在空项目中安装 AngularJS

1. 打开您将在其中使用AngularJS 的空项目。

2. 按照Bower中的说明安装Bower。

3. 在嵌入式终端( ) 中，键入以将包安装为项目依赖项。AltF12bower install angular

从版本控制中检查应用程序源

1. 单击欢迎屏幕上的从 VCS 获取。

   或者，选择文件 | 新 | 来自版本控制或Git 的项目| 从主菜单克隆...。

   您可能会看到与您的项目关联的任何其他版本控制系统，而不是主菜单中的Git 。例如，Mercurial或Perforce。

2. 在打开的对话框中，从列表中选择您的版本控制系统，并指定用于检查应用程序源的存储库。有关更多信息，请参阅查看项目（克隆）。

下载依赖项

• 在弹出窗口中单击运行“npm install” ：

  

生成并查看图表

• 在编辑器中打开所需的文件，然后选择图表 | 从上下文菜单中显示 AngularJS ui-router 状态图。IntelliJ IDEA 生成一个图表并在单独的编辑器选项卡中显示它。

从图中的元素导航到实现该元素的代码

• 选择该元素并从上下文菜单中选择“跳转到源” 。