喜欢AngularJS来构建您的Web应用程序的前端吗？PhpStorm使使用AngularJS就像使用IDE支持的任何其他编程语言一样简单！对于自动完成、快速文档、导航以及对自定义指令和路由的支持，我们唯一要做的就是在PhpStorm中安装AngularJS插件。为什么不这样做呢？在PhpStorm中添加AngularJS插件并不是PhpStorm的所有功能都是默认开启的，AngularJS就是其中之一！我们可以选择IDESettings|Plugins，然后单击InstallJetBrainsPlugin…按钮将AngularJS安装到我们的IDE中，从而为PhpStorm启用AngularJS插件。稍后快速重启，我们应该可以使用AngularJS的完整支持！AngularJS自动完成支持有人说，“字典中的每个单词都有一个Javascript框架。”这就是为什么PhpStorm默认不显示这么多Javascript框架的自动完成，因为我们不想吓唬你！要启用AngularJS自动完成，我们可以做以下两件事之一：从他们的网站下载AngularJS脚本并将angular.js文件添加到我们的项目中。使用外部CDN并将正确的脚本标签添加到我们的应用程序。（提示：按Alt+Enter下载库。PhpStorm将为AngularJS方法、指令、文档等下载并设置缓存以提供自动完成功能。这也可以通过项目设置|JavaScript|库来完成，使用下载库…按钮从TypeScript社区俱乐部下载angularjs。完成后，PhpStorm可以开始为HTML属性（例如.ng-app）和Javascript提供自动完成功能。可以使用各种快捷方式：键入na将匹配ng-app，nc将匹配ng-class等。在适当的时候，我们的控制器和自定义规范将列在建议列表中出去。匹配的括号也会自动完成：键入{{whichwhichalsowillalsobeinsertedautomatically}}。我们还可以按Ctrl+Q（MacOSX上的F1）快速查看Angular指令的文档。我们还可以快速点击在线文档。导航和检查以与导航PHP和JavaScript代码库相同的方式，我们现在可以导航和浏览整个AngularJS应用程序。在模块、控制器和指令之间导航可以使用Ctrl+单击（Cmd+单击，在MacOSX上），它会立即将我们带到定义模块、控制器和指令的位置。我们可以使用Ctrl+Alt+向左键导航回我们所在的位置（在MacOSX上为Cmd+Alt+向左键）。导航也可以用于变量和过滤器。PhpStorm在找不到给定的模块、控制器或过滤器时也会提示我们：支持定义指令和重构PhpStorm还支持我们自己的指令的自动完成和导航。我们甚至可以告诉PhpStorm在调用自动??完成时使用哪一个：如果我们使用restriction:'E'作为自定义元素，IDE会将自动完成限制为元素。如果我们使用restriction:'A'，那么它将只对属性起作用。我们还可以为自定义指令中的表达式添加自动完成支持。我们唯一需要做的就是使用@ngdoc、@name和@param添加适当的文档。IDE将转换文档以了解哪些属性接收表达式。如果我们在我们的自定义重命名（Shift+F6或MacOSX上的Ctrl+T）上使用Rename重构，PhpStorm将同时更新HTML和Javascript（以及评论、文档等），这样我们的命名总是同步中。路由和对URL模板的支持PhpStorm还将通过提供自动完成和导航来帮助我们处理路由和URL模板。同样，我们可以简单地将鼠标指针放在引号之间，然后按Ctrl+Space以使用基于当前路径的自动完成。如果我们按两次Ctrl+Space，就会导致整个项目显示出来。请注意，在创建多个模块时，我们需要将部分父目录标记为资源根，以便自动补全和导航正常工作。重构在这里也适用：如果我们在任何文件或URL模板上使用Rename来重命名构建，PhpStorm将更新我们整个项目中的所有引用。有兴趣在PhpStorm中使用AngularJS吗？然后下载最新的PhpStorm8EAP，安装AngularJS插件并运行！欢迎您对问题跟踪器提供反馈，或在我们的论坛中回复评论！快乐发展！–JetBrainsPhpStorm团队
