AngularJSPhpStorm 对 AngularJS 的协助

自定义指令和重构的支撑  

PhpStorm 同样辅助对我们协调的命令的自发性补全和导航.
大家依旧足以告知PhpStorm在调用自动补全时应当使用哪一项:
固然大家采纳范围: ‘E’ 用于自定义元素, IDE 将会将自动补全限制到成分.
借使我们应用范围: ‘A’, 那么它只会对质量起成效.

AngularJS 1

大家也得以为自定义指令里的表明式添加自动补全的辅助.
我们要做的唯一的事体便是选取 @ngdoc, @name, 和 @param添加合适的文书档案. IDE
将会更换文书档案来精晓哪五本性质接收表明式.

倘若我们利用Rename重构对我们的自定举办了重命名 (Mac OS
X上是Shift+F6 或者 Ctrl+T), PhpStorm
将会对HTML和Javascript(还有评价,文书档案,…)都进展翻新,以便大家的命名总是保持同步.

AngularJS 2 

路由和UCRUISERL模板的扶助  

PhpStorm 也会因此提供自动补全和导航来在路由和U纳瓦拉L模板上为大家提供扶助.
那里就如的,我们得以总结的将大家的鼠标指针放到引号之间并按下Ctrl+Space来使用基于当前路线的机动补全.
假如大家按下 Ctrl+Space 五回, 将会招致整个项目被突显出来.

AngularJS 3

请留意当创造八个模块是,大家须要将一部分的父目录标记为贰个财富根,以便自动补全和导航能健康工作.

重构在此处也同样可以起效果:
假诺大家在其余文件可能U汉兰达L模板上应用Rename进行重构, PhpStorm
将会更新大家全数项目中装有的引用.

对在PhpStorm中使用AngularJS感兴趣? 那就下载最新的 PhpStorm 8
EAP
,
安装 AngularJS插件跑起来 !  欢迎你在 issue
tracker
 上建议反馈,
也许在大家的 论坛 回复评论!

喜欢开发!

– JetBrains PhpStorm 小组

英文原来的作品:AngularJS support in
PhpStorm

译文链接:http://www.oschina.net/translate/angularjs-support-in-phpstorm

【编辑推荐】

  1. 怎么着在 AngularJS
    中对控制器实行单元测试
  2. AngularJS数据建立模型
  3. 借助AngularJS写优雅的代码
  4. AngularJS
    指令(Directives)实践指南
  5. 整合jQuery Mobile+AngularJs
    经验谈

导航和自小编批评  

用同一的主意我们得以在二个 PHP 和贰个 JavaScript 代码库中进行导航,
大家以往能够导航并浏览整个AngularJS应用程序.
在模块,控制器和下令之间展开导航能够利用 Ctrl+click** (在Mac OS
X上使用 *
Cmd+Click、)
,它将会应声把大家带到大家模块,控制器和指令被定义的地点.
大家得以使用
Ctrl+Alt+左箭头 导航重回大家原本所在的地方(在Mac
OS X上使用
Cmd+Alt+*左箭头**).

AngularJS 4

导航同样能够在变量和过滤器上边使用. PhpStorm
也会在它不能够找到给定的模块,控制器或许过滤器时提示大家:

AngularJS 5 

 

老大热衷用AngularJS来创设web应用程序的前端吗? PhpStorm 使得在其上海展览中心开
AngularJS 相关的行事同任何获得IDE扶助的编制程序语言的办事一样简单!

AD:51CTO第二届中华夏族民共和国APP立异评选大赛正在招募>>

 

那一个热爱用AngularJS来创设web应用程序的前端吗? PhpStorm 使得在其上海展览中心开
AngularJS 相关的做事同别的获得IDE补助的编制程序语言的行事同样不难!
为了能够自动完结,飞速文书档案,导航并扶助自定义指令和路由,我们唯一要做的便是在PhpStorm中安装AngularJS插件.
何乐不为呢?

AngularJS 自动补全协助

好多少人说, “字典中的每贰个词都有3个Javascript框架与其对应.”
而那便是PhpStorm暗中认可不为如此多的Javascript框架呈现自行补全作用的来头,
因为我们并不想吓到你!
为了开启AngularJS的活动补全,大家能够做如下两件事情的中间之一:

  • 从 它们的网站 下载AngularJS的剧本并将 angular.js
    文件添加到大家的品类中
    .

  • 行使某一个外表的 CDN 并像我们的行使添加正确的脚本标记. (提示:
    按下 *Alt+Enter 下载库*. PhpStorm
    将会为AngularJS方法、指令、文书档案等等下载并设置三个缓存来提供自动补全.那同一也足以通过  Project
    Settings | JavaScript | Libraries 来做到
    , 使用 Download
    library…
     按钮来从TypeScript社区俱乐部下载 angularjs.

 

倘使形成了那么些操作, PhpStorm 能够初始为HTML属性提供自动补全(例如.ng-app)
,以及针对Javascript的活动补全. 有各样快速缩写能够行使:
输入na将会适配出 ng-app, nc 将会是配出 ng-class 等等.
适当的时候我们的控制器和自定义钦点将会在提议列表中列出来.
匹配的括号也会自行完结: 输入 {{ 同样也会自行插入 }}.

AngularJS 6

咱俩也得以按下 ***Ctrl+Q (Mac
OS X上是
F1 )* 来连忙查看大家的Angular指令的文书档案.
大家也足以快捷点击浏览在线文书档案.

AngularJS 7 

PhpStorm中添加AngularJS插件

不是颇具的PhpStorm性情都以暗中认可开启的,而AngularJS就是内部之一!
大家得以透过接纳 IDE Settings | Plugins , 并点击 Install
JetBrains
Plugin…
 按钮而将AngularJS安装到大家的IDE中,来打开用于PhpStorm的AngularJS插件.
稍后急迅重启一下,大家应有就有二个对AngularJS的完善帮忙可以选择了!

相关文章