TIP: Add AngularJS Package to Sublime Text 3


Follow below steps to add syntax highlighting and completion for AngularJS to Sublime 3 (windows installation):

  1. open the Sublime console using the View Menu or shortcut  [ctrl+`].  Step (2 and 3) can be skipped if Package Control already installed.
  2. paste below script to install the Package Control
    import urllib.request,os;
    pf = 'Package Control.sublime-package';
    ipp = sublime.installed_packages_path();
    urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
    open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
  3. After the Package Control is installed, open the command palette using the Tools Menu or shortcut [ctrl + shift + p] and search for Package Install and Enter.
  4. Type AngularJS to install the AngularJS Package and  Enter. This will install the package
  5. Enable AngularJS syntex using the View Menu -> Syntax -> AngularJS (HTML). A faster way is to use the command palette and search and type AngularJS.
  6. Start enjoying AngularJS with HTML syntax highlighting and completion!.

2 thoughts on “TIP: Add AngularJS Package to Sublime Text 3

  1. Nice tip Raed. Thanks!
    I was struggling to figure out minor errors into my code which was a very tedious and time consuming task without a good code completion support

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s