Installing Packages on Sublime Text 3
There is also instruction provided for installation at the following link:
Angular JS 1.5 Packages for Sublime Text
To make sure that this plugin works correctly. You need to install JS Hint installed globally via npm:
npm install -g jshint
Once you click on Install, it will load the extension from the repository and you can install the extension you choose.
This package was developed by the Angular UI Team. It contains lots of functionality like:
- Code completion for built-in Angular libraries
- Angular-related snippets
- Directive completion of Custom Defined Directives
And then you can utilize code completion like the following.
John Papa’s Angular Snippets for Sublime Text:
John Papa has created great snippets for Angular JS and they are very useful. He has written a nice blog post about how to install it with Sublime Text. You can refer to that using the following link:
After installing that, you can create lots of angular boilerplate code very easily. For example, If you want to create an angular controller just type ngcontroller.
Upon pressing tab, it will create an Angular controller like below. It will also follow the best practices written in John Papa’s style guide.
That’s it. Now you should be much more productive with Angular and Sublime Text editor. Hope you like this post. Stay tuned for more!