John Papa angularjs风格指南webstorm现场模板

Question

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

Answer 1

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

• 下载webstorm-angular-live-templates.xml
• 在〜/ Library / Preferences / WebStorm2016.1中创建一个名为 templates 的文件夹（如果它尚不存在）。 （Windows and Linux paths）
• 将XML文件移至模板文件夹
• 重新启动WebStorm

要测试：在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

需要注意的一件事是复制上面的模板，＆＃34;模板＆＃34;文件夹不存在。您需要像上面的答案中提到的那样创建它。删除fileTemplates文件夹中的xml将不工作。