├── README.md
├── install.txt
├── messages.json
├── ngcomponent.sublime-snippet
├── ngconfig.sublime-snippet
├── ngconstant.sublime-snippet
├── ngcontroller.sublime-snippet
├── ngdirective.sublime-snippet
├── ngfactory.sublime-snippet
├── ngfilter.sublime-snippet
├── ngmodule.sublime-snippet
├── ngprovider.sublime-snippet
├── ngrun.sublime-snippet
├── ngservice.sublime-snippet
├── ngtest.sublime-snippet
└── ngvalue.sublime-snippet


/README.md:
--------------------------------------------------------------------------------
 1 | # ng-snippets
 2 | 
 3 | Snippets for Sublime Text with the key features of AngularJS based on the [John Papa's Angular Style Guide](https://github.com/johnpapa/angular-styleguide)
 4 | 
 5 | ## Installation
 6 | 
 7 | Clone this repository within the folder of the sublime packages. To do this go to `Preferences> Browse Packages ...>` and run the command:
 8 | ```shell
 9 | git clone https://github.com/alsfurlan/ng-snippets.git
10 | ```
11 | 
12 | ## Snippets
13 | 
14 | To use snippets enter the shortcuts below in a JavaScript file
15 | ```shell
16 | ngconfig
17 | ngconstant
18 | ngcontroller
19 | ngdirective
20 | ngfactory
21 | ngfilter
22 | ngmodule
23 | ngservice
24 | ngvalue
25 | ngcomponent
26 | ngprovider
27 | ngrun
28 | ```


--------------------------------------------------------------------------------
/install.txt:
--------------------------------------------------------------------------------
 1 | ng-snippets
 2 | ===========
 3 | 
 4 | Snippets for Sublime Text with the key features of AngularJS based on the John Papa's Angular Style Guide
 5 | (https://github.com/johnpapa/angular-styleguide)
 6 | 
 7 | To use snippets enter the shortcuts below in a JavaScript file:
 8 | 
 9 | - ngconfig
10 | - ngconstant
11 | - ngcontroller
12 | - ngdirective
13 | - ngfactory
14 | - ngfilter
15 | - ngmodule
16 | - ngservice
17 | - ngvalue
18 | - ngcomponent
19 | - ngrun
20 | - ngprovider
21 | 


--------------------------------------------------------------------------------
/messages.json:
--------------------------------------------------------------------------------
1 | {
2 |     "install": "install.txt"
3 | }


--------------------------------------------------------------------------------
/ngcomponent.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .component('${2:Name}Component', {
 9 | 	  	controller: ${2:Name}Controller,
10 | 	  	controllerAs: 'vm',
11 | 	  	templateUrl: ${3:html},
12 | 	  	bindings:{ 
13 | 	  	}
14 | 	  });
15 | 
16 | 	${2:Name}Controller.\$inject = ['${4:dependencies}'];
17 | 
18 | 	function ${2:Name}Controller(${4:dependencies}) {
19 | 		var vm = this;
20 | 		${5://content}
21 | 	}
22 | })();
23 | ]]>
24 | 	</content>
25 |    	<tabTrigger>ngcomponent</tabTrigger> 	
26 | 	<scope>source.js</scope>
27 | </snippet>
28 | 


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


--------------------------------------------------------------------------------
/ngconstant.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 	
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .constant('${2:constant}', '${3:value}');
 9 | 
10 | })();
11 | ]]>
12 | 	</content>
13 |    	<tabTrigger>ngconstant</tabTrigger> 	
14 | 	<scope>source.js</scope>
15 | </snippet>
16 | 


--------------------------------------------------------------------------------
/ngcontroller.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .controller('${2:Name}Controller', ${2:Name}Controller);
 9 | 
10 | 	${2:Name}Controller.\$inject = ['${4:dependencies}'];
11 | 
12 | 	function ${2:Name}Controller(${4:dependencies}) {
13 | 		${5://content}
14 | 	}
15 | })();
16 | ]]>
17 | 	</content>
18 |    	<tabTrigger>ngcontroller</tabTrigger> 	
19 | 	<scope>source.js</scope>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ngdirective.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .directive('${2:directive}', ${2:directive}Directive);
 9 | 
10 | 	function ${2:directive}Directive() {
11 | 		return{
12 | 			controller: '${3:controller}',
13 | 			controllerAs: '${4:controllerAs}',
14 | 			compile: ${5:compileFunction},
15 | 			link: ${6:linkFunction},
16 | 			replace: ${7:true}${8:false},
17 | 			require: ${9:require},
18 | 			restrict: '${10:EACM}',
19 | 			scope: ${11:scope},
20 | 			templateUrl: '${12:templateUrl}'
21 | 		};
22 | 	}
23 | })();
24 | ]]>
25 | 	</content>
26 |    	<tabTrigger>ngdirective</tabTrigger> 	
27 | 	<scope>source.js</scope>
28 | </snippet>
29 | 


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


--------------------------------------------------------------------------------
/ngfilter.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 
 5 | 	'use strict';
 6 | 
 7 | 	angular
 8 | 	  .module('${1:module}')
 9 | 	  .filter('${2:Name}', ${2:Name}Filter);
10 | 
11 | 	${2:Name}Filter.\$inject = ['${4:dependencies}'];
12 | 
13 | 	function ${2:Name}Filter(${4:dependencies}) {
14 | 		${5://content}
15 | 	}
16 | })();
17 | ]]>
18 | 	</content>
19 |    	<tabTrigger>ngfilter</tabTrigger> 	
20 | 	<scope>source.js</scope>
21 | </snippet>
22 | 


--------------------------------------------------------------------------------
/ngmodule.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular
 7 | 	  .module('${1:module}', [
 8 | 	      '${3:dependencies}'
 9 | 	  ]);
10 | })();
11 | ]]>
12 | 	</content>
13 |    	<tabTrigger>ngmodule</tabTrigger> 	
14 | 	<scope>source.js</scope>
15 | </snippet>
16 | 


--------------------------------------------------------------------------------
/ngprovider.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .provider('${2:Name}', ${2:Name}Provider);
 9 | 
10 | 	${2:Name}Provider.\$inject = ['${4:dependencies}'];
11 | 
12 | 	function ${2:Name}Provider(${4:dependencies}) {
13 | 		
14 | 		this.\$get = ${2:Name};
15 | 
16 | 		${2:Name}.\$inject = ['${6:dependencies}'];
17 | 
18 | 		function ${2:Name}(${6:dependencies}){
19 | 		
20 | 		}
21 | 	}
22 | })();
23 | ]]>
24 | 	</content>
25 |    	<tabTrigger>ngprovider</tabTrigger> 	
26 | 	<scope>source.js</scope>
27 | </snippet>
28 | 


--------------------------------------------------------------------------------
/ngrun.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .run(${2:Name}Run);
 9 | 
10 | 	${2:Name}Run.\$inject = ['${4:dependencies}'];
11 | 
12 | 	function ${2:Name}Run(${4:dependencies}) {
13 | 		${5://content}
14 | 	}
15 | })();
16 | ]]>
17 | 	</content>
18 |    	<tabTrigger>ngrun</tabTrigger> 	
19 | 	<scope>source.js</scope>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ngservice.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .service('${2:Name}Service', ${2:Name}Service);
 9 | 
10 | 	${2:Name}Service.\$inject = ['${4:dependencies}'];
11 | 
12 | 	function ${2:Name}Service(${4:dependencies}) {
13 | 		${5://content}
14 | 	}
15 | })();
16 | ]]>
17 | 	</content>
18 |    	<tabTrigger>ngservice</tabTrigger> 	
19 | 	<scope>source.js</scope>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ngtest.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | (function() {
 4 |   'use strict';
 5 | 
 6 |   describe('${1:module} Test', function() {
 7 |     it('contains a spec with an expectation', function() {
 8 |       expect(true).toBe(true);
 9 |     });
10 |   });
11 | })();
12 | ]]>
13 |   </content>
14 |     <tabTrigger>ngtest</tabTrigger>   
15 |   <scope>source.js</scope>
16 | </snippet>
17 | 


--------------------------------------------------------------------------------
/ngvalue.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | (function() {
 4 | 	'use strict';
 5 | 	
 6 | 	angular
 7 | 	  .module('${1:module}')
 8 | 	  .value('${2:key}', '${3:value}');
 9 | 
10 | })();
11 | ]]>
12 | 	</content>
13 |    	<tabTrigger>ngvalue</tabTrigger> 	
14 | 	<scope>source.js</scope>
15 | </snippet>
16 | 


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