angularjs - 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 文件移动到 templates 文件夹
• 重启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
            }
        }

    })();