约翰爸爸 angularjs 风格指南网络风暴实时模板

Question

我正在使用Webstorm 2016.1并尝试配置John Papa（https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md#style-y252）的模板我究竟应该将模板 xml 文件复制到哪里？如何在网络风暴中激活/使用它们？

Answer 1

经过一番研究，我找到了一种方法。在 Mac 上执行以下操作：

• 下载网络风暴-角度-实时模板.xml
• 在 ~/Library/Preferences/WebStorm2016.1 中创建一个名为模板的文件夹（如果尚不存在）。（Windows 和 Linux 路径）
• 将 XML 文件移动到模板文件夹
• 重新启动网络风暴

要测试：在 JavaScript 文件中，键入 ngcontroller 后跟 Tab 键。您应该会看到以下内容：

    (function () {
        'use strict';
        angular
            .module('moduleName')
            .controller('ControllerName', ControllerName);
        ControllerName.$inject = ['dependency'];
        /* @ngInject */
        function ControllerName(dependency) {
            var vm = this;
            vm.title = 'ControllerName';
            activate();
            ////////////////
            function activate() {
                code
            }
        }
    })();

Answer 2

需要注意的一点是，在复制上面的模板时，"templates"文件夹不存在。您需要像上面的答案中提到的那样创建它。将 xml 放在文件模板文件夹中将不起作用。