Quickly setup Sublime Text 3 for Angular 2

setup-sublime3-for-angular2.md

Quick Setup for Sublime Text 3 for Angular 2

Easy to remember, easy to forget.

Step 1: Download Sublime Text 3

Sublime Text 3 Download

Step 2: Create a bash shortcut

It's nice to be able to run subl in a terminal.

ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/sublime

Step 3: Install Package Manager

Hit Ctrl+` to open the terminal and execute the python code below:

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Step 4: Add the Typescript Package

• Cmd+P
• Install Package
• TypeScript
• Restart

Step 5: Configure TypeScript tabs

• Preferences > Settings > Syntax Specific (User)

{
  "tab_size": 2,
  "translate_tabs_to_spaces": true
}

For step 3, in the same Sublime press Win/Linux: ctrl+shift+p, Mac: cmd+shift+p. Type Install Package Control and press Enter