John Papa angularjs style guide webstorm live templates

Question

I am using Webstorm 2016.1 and trying to configure the templates from John Papa (https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md#style-y252) Where exactly do I copy the template xml files? How do I activate/use them in Webstorm ?

Answer 1

After some research I found a way to do it. On a Mac do the following:

• Download webstorm-angular-live-templates.xml
• Create a folder in ~/Library/Preferences/WebStorm2016.1 called templates if it does not already exist. (Windows and Linux paths)
• Move the XML file to the templates folder
• Restart WebStorm

To test: In a JavaScript file type ngcontroller followed by the Tab key. You should the see the following appear:

    (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
            }
        }

    })();