How to Add Syntax Highlighting to Sublime Text (on MacOS) - The EASY Guide with Pictures!

I'll try not to blab too much as I promised this post would be quick and easy! This will work with Sublime Text 2 and Sublime Text 3. Notice that with a fresh install of Sublime Text when you open up a *.ts file it doesn't look very pretty:

Step 1: Get the typescript.tmLanguage File!

Here is a link to the site that hosts it: 

​https://blogs.msdn.microsoft.com/interoperability/2012/10/01/sublime-text-vi-emacs-typescript-enabled/

And here's a link directly to the zip file: 

http://www.interoperabilitybridges.com/media/155452/typescript_support_for_sublime_text.zip

Download the zip file and unzip it. The contents should look like this:

---

Step 2: Put the typescript.tmlLanguage File in the Right Place!

The right place for this file is in a folder inside of your Packages directory of your Sublime Text installation. The correct path to this folder is usually this:

/Users/{user}/Library/Application Support/Sublime Text 2/Packages

Note though that when I looked in Finder I didn't see any "Library" folder inside of my user directory. However, when I opened up terminal it was there so I used cd to naviagate down into the proper Packages directory.

Once I was there I ran "open ." to open the current directory in Finder.

I then created a folder called "TypeScript" inside of this Packages directory. 
(Note: A stack overflow poster noted that it will work even if the file isn't called "TypeScript", but just to keep yourself from being confused I would call it TypeScript.

Then drag the typescript.tmlLanguage file into this newly created TypeScript folder.

Now close and reopen your TypeScript file for beautiful, colorful syntax highlighting! Huzzahhh!