How to install Babel (or other packages) in Sublime Text 3

How to
Share on FacebookShare on Google+Tweet about this on TwitterPin on PinterestShare on LinkedInEmail this to someone

Isn’t it nice when a text editor color codes your syntax for you? The following tutorial gets you set up to edit Stylus files in Sublime Text 3 by walking you through the installation of Package Control and the Babel package.

Open your Stylus file in Sublime Text

beforebabel

 

Install Package Control in Sublime Text 3

Go to Package Control’s installation page and copy the Sublime Text 3 python code. In Sublime Text 3, go to View, Show Console. Paste in the python code and hit Enter. Then, press command+shift+p to bring up the Command Palette. Type in “Package Control” and select Package Control: Install Package.

cmmshiftp

 

Type in and then select “Babel” when you get to the following window:

 

babel

 

Activate Babel in Sublime Text 3

Navigate to View, Syntax, Open all with current extension as…, Babel, Javascript (Babel).

babelselect

 

Voilá. Your .styl file is now color coded.

 

babeldone

Storybench’s editor is Aleszu Bajak, a science journalist and former Knight Science Journalism Fellow at MIT. He is an alum of Science Friday, the founder of LatinAmericanScience.org, and is passionate about breaking down the divide between journalists, developers and designers.