Coding artifact??Sublime Text package management tools and extensions_html/css

Coding artifact??Sublime Text package management tools and extensions_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:34:24

Original

968 people have browsed it

Sublime Text is recognized by programmers as a coding magic, with a beautiful user interface and powerful features, such as code thumbnails, multiple selections, shortcut commands, etc. Key bindings, menus and toolbars can also be customized. The main features of Sublime Text include: spell check, bookmarks, instant project switching, multi-selection, multi-window and more.

More importantly, Sublime Text is easy to extend, many developers contribute plug-ins to it, and it can be easily installed and managed through the package management tool??Package Control. The website shared here is a collection of Sublime Text plug-ins compiled by the author of Package Control. Front-end development workers no longer have to go online to find them one by one. Collect it quickly.

Related articles you may be interested in

Those amazing foreign creative 404 error page designs and exquisite web application icon materials that people can’t put down. Like! 10 sets of exquisite free website backend management system templates. The long-awaited 2012 best jQuery plug-in reveals the top 10 popular Metro UI style Bootstrap themes

Package Control installation method

First open the console through the shortcut key ctrl ` or View > Show Console, and then paste the corresponding Python installation code.

Sublime Text 2 installation code:

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')

Copy after login

Sublime Text 3 installation code:

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())

Copy after login

Common extensions Recommended

Emmet??The Sublime Text extension officially provided by Emmet; Sublime?Linter??code verification plug-in, supporting 16 languages including HTML, CSS, JS, PHP, Java, C; HTML5??HTML5 bundle for Sublime Text 2; Alignment?? Code alignment plug-in; Bracket? Highlighter?? Bracket highlight matching; Git?? Plug-in that integrates Git functions; jQuery?? Code smart prompt plug-in; LESS?? LESS code highlighting plug-in; Js? Format?? JavaScript code formatting plug-in;
Tag?? HTML/XML tag indentation, completion and verification; LiveReload?? allows the page to refresh instantly; Pretty JSON??JSON beautification extension; Can I Use?? Query CSS attribute compatibility Situation; Coffee?Script??Coffee?Script code highlighting, verification and compilation, etc.; Color?Picker??cross-platform color picker plug-in;

Great stuff, go check it out now

Related articles that may be of interest to you

Pace.js ? Automatic page loading progress indication and Ajax navigation effects Use iosOverlay.js to create iOS-style prompts and notifications Parallax.js ? Adaptive smart device orientation Parallax effect plug-in Bootstrap Magic? Create Bootstrap themes easily and share 8 beautiful jQuery loading animation and progress bar plug-ins

Link to this article: Coding artifact??Sublime Text package management tools and extensions

Compiled source: Dream Sky ◆ Pay attention to front-end development technology ◆ Share web design resources