AngularJS
AngularJS （又称 Angular 1 ）是用于开发单页 Web 应用的框架。 WebStorm 提供对预定义和自定义 ng 指令以及控制器与应用名称的 AngularJS 感知代码补全建议，还提供对大括号表达式中数据绑定的代码洞察 {{}}。 您可以使用内置的 AngularJS 代码模板，在 HTML 中控制器的名称及其在 JavaScript 中的定义之间或 ngView、 &routeProvider 与模板之间跳转。 如需查找 AngularJS 实体，请使用 Go To Symbol 导航功能。
开始之前
请确保您的计算机上安装了 Node.js。
请确保在设置中启用了 Angular and AngularJS 插件。 按 Ctrl+Alt+S 打开设置，然后选择 。 点击 已安装 选项卡。 在搜索框中输入 Angular and AngularJS。 如需了解插件详情，请参阅 Managing plugins。
创建新的 AngularJS 应用
您可以手动下载 AngularJS 框架，或使用 Bower 包管理器，在项目中安装 AngularJS。
下载 AngularJS 依赖项
在嵌入的 终端 （Alt+F12 ）中键入：
npm install或者，从项目根目录下 package.json 文件的上下文菜单中选择 运行 'npm install'。
创建空的 WebStorm 项目
点击 新建项目 进入 欢迎 屏幕，或从主菜单中选择 。 将打开 新建 项目 对话框。
在左侧窗格中选择 空项目。
指定存储项目相关文件的文件夹路径。
点击 创建。
手动在空项目中安装并配置 AngularJS
从 http://angularjs.org/ 下载 AngularJS 框架。
打开要使用 AngularJS 的空项目。
将 AngularJS 配置为 一个 WebStorm JavaScript 库，以便 WebStorm 能识别 AngularJS 特有结构并提供完整的编码支持：
在 设置 对话框（Ctrl+Alt+S ）中，转到 。
在 库 区域中，点击 添加 按钮。
在打开的 新建库 对话框中指定库的名称。
点击库文件列表旁边的 添加 按钮（
），然后根据需要选择 附加文件… 或 附加目录… （单独文件或整个文件夹）。在打开的对话框中选择 Angular.js 、 Angular.min.js 或整个目录。
WebStorm 返回 新建库 对话框，其中的 名称 只读字段显示所选文件或文件夹的名称。
在 类型 字段中指定已下载并准备添加的版本。
如果添加了 Angular.js ，请选择 调试。 该版本适用于开发环境，尤其适合调试。
如果添加的是 压缩版 Angular.min.js ，请选择 发布。 该版本适用于生产环境，因为文件体积明显更小。
详细信息请参见 配置 JavaScript 库。
使用 Bower 在空项目中安装 AngularJS
从已有 AngularJS 应用开始
如果您的项目中已有 Angular 源代码（例如在 bower_components 文件夹中），只需打开项目并开始工作。 如果这些源代码已 从项目中排除 ，则只需将 AngularJS 配置为 JavaScript 库即可。
从版本控制中检出应用源代码
在 欢迎 屏幕上点击 克隆版本库克隆。
或者，从主菜单中选择 、 或 。
在主菜单中，您可能不会看到 Git ，而是看到与您的项目关联的其他版本控制系统。 例如， Mercurial 或 Perforce。
在打开的对话框中，从列表中选择您的版本控制系统，并指定要从中检出应用程序源代码的存储库。 如需了解详情，请参阅 检出项目（克隆）。
下载依赖项
在弹出窗口中点击 运行'npm install'：
项目安全性
当您打开一个在 WebStorm 外部创建并导入到其中的项目时，WebStorm 会显示一个对话框，您可以在其中决定如何处理该包含不熟悉源代码的项目。
请选择以下选项之一：
在安全模式中预览 ：在这种情况下，WebStorm 以预览模式打开项目。 这意味着您可以浏览该项目的源代码，但无法运行任务和脚本，也无法运行或调试项目。
WebStorm 会在编辑器区域顶部显示通知，您可以随时点击 信任项目… 链接来加载项目。
信任项目 ：在这种情况下，WebStorm 会打开并加载项目。 这意味着项目已初始化、插件已解析、依赖项已添加，所有 WebStorm 功能都可用。
不打开 ：在这种情况下，WebStorm 不会打开项目。
详细信息请参阅 项目安全性。
使用 AngularJS Router 状态图
在使用 ui-router 的 AngularJS 应用程序中，您可以查看一个图示，展示视图、状态与模板之间的关系。
生成并查看图表
在编辑器中打开所需文件，然后从上下文菜单中选择 。 WebStorm 会生成图表并在单独的编辑器选项卡中显示。
从图表中的元素导航到实现该元素的代码
选中该元素并从上下文菜单中选择 跳转到源代码。