Webstorm Angularjs支持

时间:2014-10-14 08:12:38

标签: angularjs templates intellisense webstorm

我使用的是最新版本的Webstorm 8。 Jetbrains包括此版本的角度支持。但是当我们尝试添加文件时,我无法看到任何智能感知或任何模板添加 - >与角度相关的新项目,如控制器,工厂等。我需要设置任何选项吗?

3 个答案:

答案 0 :(得分:2)

AngularJS插件不包含任何特定于角度的文件模板,因此File / New中没有可用的角度特定操作。但它附带了一组可用于创建控制器的实时模板等。 - 设置/实时模板/ AngularJS 另请参阅http://www.jetbrains.com/webstorm/webhelp/creating-code-constructs-by-live-templates.html

至于intellisense,它应该适用于特定的HTML属性以及控制器,指令和其他东西。你的项目中有angular.js文件(未压缩)吗?请参阅http://blog.jetbrains.com/webstorm/2014/03/angularjs-workflow-in-webstorm/了解一些提示

答案 1 :(得分:2)

John Papa制作了一些有用的文件模板(和片段)。这些是他简单的WEBSTORM方向:

符合这些样式和指南的AngularJS代码段和文件模板。您可以将它们导入WebStorm设置:

  1. 下载WebStorm AngularJS file templates and snippets
  2. 打开WebStorm并转到文件菜单
  3. 选择导入设置菜单选项
  4. 选择文件,然后单击确定
  5. 在JavaScript文件中键入这些命令后跟一个TAB:

    ng-c // creates an Angular controller
    ng-f // creates an Angular factory 
    ng-m // creates an Angular module
    

    来源:http://www.johnpapa.net/angularjs-snippets-for-sublime-visual-studio-and-webstorm/

答案 2 :(得分:0)

我认为所有支持都是基于ng-directives的知识(用于自动完成)。那就是take a look here,看看你是否已经完成了将Angular添加为库的步骤?