I’m using Sublime Text 3.
Install Node.js first
Package control is probably the most important plugin in sublime’s eco system. This plugin helps you to install and manage other plugins. It’s like
- Open sublime console (
ctrl + ~).
Copy and paste the code below and hit enter.12import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)
After installing the plugin remember to restart your sublime.
The default sidebar of sublime text is very lame. You can’t even copy paste files from there. The plugin
SidebarEnhancements gives a lot of features to deal with your sidebar. Points below will help you to install it.
ctrl + shift + pif you are using windows or linux and
cmd + shift + pin case of mac.
Package Control: Install Package.
- Select and hit Enter.
The plugin will be installed. Don’t forget to restart the Sublime Text.
DocBlockr helps you to comment on your code. It uses the standard commenting signature like
/** + Tab. Install it just like the way we installed the SidebarEnhancements plugin. Just at the third step, type
As it’s ES6 everywhere, you must need ES6 syntax highlighter. Babel plugin help highlighting ES6, JSX etc. Babel also provide ES6 fiddle and you can also use babel to compile your ES6 code to ES5. There are other tools too to compile ES6. Anyways, installation procedure is same as the previous two plugins.
SublimeLinterthe way we installed other plugins.
Many times while copying code from somewhere else of even while typing we do not maintain the proper format. Using JSFormat you can format your code just by
ctrl + option + f or in case of windows and linux
ctrl + alt + f. You can also change the format setting. This package is also available in package control and you can install it the same way.
ctrl + space. Better you try the plugin once and decide if you want it or not. I personally like it; but I’ve seen people who hate it cause the suggestions irritates them. The installing procedure is same as other plugins.
User specific plugins
.hbs file and will need a handlebars package. Someone else may need
typescript for angular. React people can handle their
.jsx with babel only.
So whatsoever framework you use, understand your requirements and search packages for those requirements. I’m sure there will be some in the packagecontrol.io community. Even if it doesn’t, there could be other sources who will provide packages to install manually.
Happy coding 🙂
Still having issues?
If you still have issues understanding the above article, please leave a comment below and we will try to address that. In case you need help in your projects or understanding anything related to Programming; contact me, Paul Shan for assistance. Thank you for being a reader of VoidCanvas.