Sublime Text recommended for common extension plug-ins in front-end development
Sublime text is recognized by programmers as a magic code, with beautiful user interfaces and powerful functions.
More importantly, sublime text is easy to expand and many developers contribute plug-ins to it, and package control, a package management tool, can be used for easy installation and management.
How to install package Control
First, open the console by pressing CTRL + 'or View> show console, and then paste the corresponding Python installation code.
Sublime text 2 installation code:
1 |
import urllib2,os; pf=’Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), ‘wb’ ).write( urllib2.urlopen( ‘http://sublime.wbond.net/’ +pf.replace( ‘ ‘,’%20′ )).read()); print( ‘Please restart Sublime Text to finish installation’)
|
Sublime Text 3 installation code:
1 |
import urllib.request,os; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb‘).write(urllib.request.urlopen( ‘http://sublime.wbond.net/‘ + pf.replace(‘ ‘,‘%20‘)).read())
|
Recommendation of common frontend extensions
- Emmet -- sublime text extension officially provided by Emmet;
- Sublime? Linter-code verification plug-in that supports 16 languages, including HTML, CSS, JS, PHP, Java, and C ++;
- HTML5 -- HTML5 bundle for sublime text 2;
- Alignment -- code alignment plug-in;
- Bracket? Highlighter -- matching of brackets highlighted;
- Git-plug-ins integrating git functions;
- Jquery-code smart notification plug-in;
- Less -- less code highlight plug-in;
- JS? Format -- JavaScript code formatting plug-in;
- Tag -- indent, complete, and verify html/XML tags;
- Livereload -- instant page refresh;
- Pretty JSON -- JSON beautification extension;
- Can I use -- Query CSS property compatibility;
- Coffee? Script -- coffee? Script code highlighting, verification, and compilation;
- Color? Picker-cross-platform color Reader plug-in;
- Minifier -- CSS, JS Compression
- Livestyle -- CSS style table bidirectional Synchronization
Recommended extensions for sublime text front-end development
