Creating a shortcut to console.log in Sublime Text 2

While writing JavaScript code, I often write debug messages to console using console.log. Though it is shorter than System.out.println() (hey, you Java!), which I am used to a lot, I still find it ineffective to type it every time.

So, I was following the approach to bind console.log function to shorter name. Here's another technique which is specific to Sublime Text.

Using Sublime Text Snippets option, you can create a shortcut to a template and then you can insert that template in multiple places just by triggering the shortcut. Here's how I did it so that every time, I type echo, Sublime Text converts it into console.log();

Go to Tools -> New Snippet. Sublime will open a template in a new file. Now make sure you have this content in that file (or change it the way you want).

    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>echo</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->

Then save this snippet file as echo.sublime-snippet under Packages/User folder. To find the location of Packages/User folder, in Sublime, go to Preferences -> Browser packages and note the location.

Restart sublime and then in a JavaScript file, start typing echo and Sublime will provide you with a dropdown to replace echo with the template you just created.

Veerasundar profile photo

Written by Veerasundar

Veerasundar is a Software Engineer, currently working at Salesforce as a Lead Member of Technical Staff. He has over 16 years of industry experience, building consumer facing web applications. He lives in Chennai, India.

Contact Veerasundar: Email or Twitter

If you liked my writing, you should look at my other projects