├── README.md
├── angular-app.sublime-snippet
├── angular-config.sublime-snippet
├── angular-controller.sublime-snippet
├── angular-directive.sublime-snippet
├── angular-factory.sublime-snippet
├── angular-function.sublime-snippet
├── angular-html.sublime-snippet
├── angular-ui-router.sublime-snippet
├── angular-watch.sublime-snippet
├── js-console-log-item.sublime-snippet
├── js-console-log.sublime-snippet
└── js-for-loop.sublime-snippet


/README.md:
--------------------------------------------------------------------------------
 1 | # angular-snippets
 2 | 
 3 | Clone this repo into your sublime user folder. Type the trigger(e.g. a-fact) and press tab to create the snippet. Use tab to edit the next field.
 4 | 
 5 | ##Installation
 6 | Linux:
 7 | ```
 8 | cd "~/.config/sublime-text-3/Packages/User"
 9 | git clone https://github.com/cyung/angular-snippets.git
10 | ```
11 | 
12 | 
13 | Mac: 
14 | ```
15 | cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User
16 | git clone https://github.com/cyung/angular-snippets.git
17 | ```
18 | 
19 | 
20 | Windows:
21 | ```
22 | cd "C:/Users/%NAME%/AppData/Roaming/Sublime Text 3/Packages/User"
23 | git clone https://github.com/cyung/angular-snippets.git
24 | ```
25 | 
26 | ## Examples
27 | ```
28 | a-app
29 | 
30 | angular.module('app', ['']);
31 | ```
32 | 
33 | ```
34 | a-ctrl
35 | 
36 | (function() {
37 |   'use strict';
38 | 
39 |   angular.module('app')
40 |   .controller('<Name>Ctrl', <name>Ctrl);
41 | 
42 |   function <name>Ctrl() {
43 |     var self = this;
44 | 
45 |     
46 |   }
47 | 
48 | })();
49 | ```
50 | 
51 | ```
52 | a-fact
53 | 
54 | (function() {
55 |   'use strict';
56 | 
57 |   angular.module('app')
58 |   .factory('<name>Factory', <name>Factory);
59 | 
60 |   function <name>Factory() {
61 |     var services = {
62 |       <function name>: <function name>
63 |     };
64 | 
65 |     return services;
66 | 
67 |     function <function name>() {
68 |       
69 |     }
70 |   }
71 | 
72 | })();
73 | ```
74 | 
75 | ```
76 | a-dir
77 | 
78 | (function() {
79 |   'use strict';
80 | 
81 |   angular.module('app')
82 |   .directive('<name>', <name>);
83 | 
84 |   function <name>() {
85 |     var directive = {
86 |       template: '',
87 |       link: link
88 |     };
89 | 
90 |     return directive;
91 | 
92 |     function link(scope, elem, attrs) {
93 |       
94 |     }
95 |   }
96 | 
97 | })();
98 | ```
99 | 


--------------------------------------------------------------------------------
/angular-app.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | angular.module('${1:app}', [$2]);
4 | ]]></content>
5 | 	<tabTrigger>a-app</tabTrigger>
6 | </snippet>


--------------------------------------------------------------------------------
/angular-config.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | (function() {
 4 |   'use strict';
 5 | 
 6 |   angular.module('${1:app}')
 7 |   .config(config);
 8 | 
 9 |   config.\$inject = [];
10 | 
11 |   function config(${2}) {
12 |     ${3}
13 |   }
14 | 
15 | })();
16 | ]]></content>
17 |   <tabTrigger>a-config</tabTrigger>
18 | </snippet>


--------------------------------------------------------------------------------
/angular-controller.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | (function() {
 4 |   'use strict';
 5 | 
 6 |   angular.module('${1:app}')
 7 |   .controller('${2}Ctrl', ${2}Ctrl);
 8 | 
 9 |   $2Ctrl.\$inject = [];
10 | 
11 |   function ${2}Ctrl() {
12 |     var self = this;
13 | 
14 |     ${3}
15 |   }
16 | 
17 | })();
18 | ]]></content>
19 |   <tabTrigger>a-ctrl</tabTrigger>
20 | </snippet>


--------------------------------------------------------------------------------
/angular-directive.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular.module('${1:app}')
 7 | 	.directive('${2}', ${2});
 8 | 
 9 | 	function ${2}() {
10 |     var directive = {
11 |       template: '',
12 |       link: link
13 |     };
14 | 
15 |     return directive;
16 | 
17 |     function link(scope, elem, attrs) {
18 |       ${3}
19 |     }
20 | 	}
21 | 
22 | })();
23 | ]]></content>
24 | 	<tabTrigger>a-dir</tabTrigger>
25 | </snippet>


--------------------------------------------------------------------------------
/angular-factory.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular.module('${1:app}')
 7 | 	.factory('${2}Factory', ${2}Factory);
 8 | 
 9 |   ${2}Factory.\$inject = [];
10 | 
11 | 	function ${2}Factory(${3}) {
12 |     var services = {
13 |       ${4}: ${4},
14 |     };
15 | 
16 |     return services;
17 | 
18 |     function ${4}(${5}) {
19 |       ${6}
20 |     }
21 | 	}
22 | 
23 | })();
24 | ]]></content>
25 | 	<tabTrigger>a-fact</tabTrigger>
26 | </snippet>


--------------------------------------------------------------------------------
/angular-function.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 |   <content><![CDATA[
3 | self.${1} = function(${2}) {
4 |   ${3}
5 | };
6 | ]]></content>
7 |   <tabTrigger>a-fun</tabTrigger>
8 | </snippet>


--------------------------------------------------------------------------------
/angular-html.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <!DOCTYPE html>
 4 | <html lang="en" ng-app="app">
 5 | 
 6 | <head>
 7 |   <meta charset="UTF-8">
 8 |   <title>${1}</title>
 9 |   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
10 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
11 |   <script src="${2:app.module.js}"></script>
12 | </head>
13 | 
14 | <body>
15 |   ${3}
16 | </body>
17 | 
18 | </html>
19 | ]]></content>
20 | 	<tabTrigger>a-html</tabTrigger>
21 | </snippet>


--------------------------------------------------------------------------------
/angular-ui-router.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | (function() {
 4 |   'use strict';
 5 | 
 6 | 
 7 |   angular.module('${1:app}')
 8 |   .config(config);
 9 | 
10 |   config.\$inject = ['\$stateProvider', '\$urlRouterProvider'];
11 | 
12 |   function config(\$stateProvider, \$urlRouterProvider) {
13 |     \$urlRouterProvider.otherwise('/${2}');
14 | 
15 |     \$stateProvider
16 |       .state('${2}', {
17 |         url: '/${2}',
18 |         templateUrl: '${2}/${2}.html',
19 |         controller: '${2/(.+)/\u\1/g}Ctrl',
20 |         controllerAs: '${2}',
21 |         data: {
22 |           title: '${2/(.+)/\u\1/g}'
23 |         }
24 |       })
25 |       .state('${3}', {
26 |         url: '/${3}',
27 |         templateUrl: '${3}/${3}.html',
28 |         controller: '${3/(.+)/\u\1/g}Ctrl',
29 |         controllerAs: '${3}',
30 |         data: {
31 |           title: '${3/(.+)/\u\1/g}'
32 |         }
33 |       })
34 |       .state('${4}', {
35 |         url: '/${4}',
36 |         templateUrl: '${4}/${4}.html',
37 |         controller: '${4/(.+)/\u\1/g}Ctrl',
38 |         controllerAs: '${4}',
39 |         data: {
40 |           title: '${4/(.+)/\u\1/g}'
41 |         }
42 |       })
43 |       .state('${5}', {
44 |         url: '/${5}',
45 |         templateUrl: '${5}/${5}.html',
46 |         controller: '${5/(.+)/\u\1/g}Ctrl',
47 |         controllerAs: '${5}',
48 |         data: {
49 |           title: '${5/(.+)/\u\1/g}'
50 |         }
51 |       })
52 |       .state('${6}', {
53 |         url: '/${6}',
54 |         templateUrl: '${6}/${6}.html',
55 |         controller: '${6/(.+)/\u\1/g}Ctrl',
56 |         controllerAs: '${6}',
57 |         data: {
58 |           title: '${6/(.+)/\u\1/g}'
59 |         }
60 |       });
61 | 
62 |   }
63 | })();
64 | ]]></content>
65 |   <tabTrigger>a-router</tabTrigger>
66 | </snippet>


--------------------------------------------------------------------------------
/angular-watch.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | \$scope.\$watch(function() {
 4 |   return ${1};
 5 | }, function(newVal, oldVal) {
 6 |   ${2}
 7 | });
 8 | ]]></content>
 9 |   <tabTrigger>a-watch</tabTrigger>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/js-console-log-item.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | console.log('$1 =', $1);
4 | ]]></content>
5 | 	<tabTrigger>clog-i</tabTrigger>
6 | </snippet>
7 | 


--------------------------------------------------------------------------------
/js-console-log.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | console.log('${1}');
4 | ]]></content>
5 | 	<tabTrigger>clog</tabTrigger>
6 | </snippet>


--------------------------------------------------------------------------------
/js-for-loop.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 |   <content><![CDATA[
3 | for (var ${1:i} = 0; ${1} < ${2:arr}.length; ${1}++) {
4 |   ${3}
5 | }
6 | ]]></content>
7 |   <tabTrigger>for</tabTrigger>
8 | </snippet>


--------------------------------------------------------------------------------