Shulou(Shulou.com)06/02 Report--

This article will explain in detail what Sublime Text3 front-end necessary plug-ins are, the editor thinks it is very practical, so share it with you for reference. I hope you can get something after reading this article.

Install Package Control

Before installing the plug-in, you need to have sublime install Package Control. Open the console of Sublime Text, the shortcut key ctrl + ~, and enter the following code in the console.

Import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + 8bc59f460fa1548d1514676163dafc88; 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)

Install the plug-in

Emmet:

The front-end artifact. A toolkit component that can greatly improve the productivity of web developers HTML and CSS.

CSS3:

CSS3 syntax highlighting, CSS syntax hints, the only drawback is the lack of browser private property highlighting.

CSS Extended Completions:

Associated CSS file, smart prompt css file in the class name, very easy to use.

JavaScript Completions

Support javascript native syntax hints, mom no longer have to worry about me typing document.getElementById (id).

JQuery

Sample code snippets are provided for most of the methods of jQuery, making jQuery's API easier to use.

ColorHighlighter

It can show the true color of the color code of your choice (such as "# FFFFFF", "rgb (255255255)", "white"). It also includes a color picker that allows you to change colors easily.

BracketHighlighter

Parentheses and tag levels show that you don't have to worry about which code block the selected code belongs to.

HTML-CSS-JS Prettify

THML, CSS, JS code is formatted, and the compressed code can be recovered by this tool.

AlignTab

Use regular expressions to help with code alignment, such as lines of code aligned with the = sign.

The above plug-ins cover HTML,CSS,JavaScript,jQuery,CSS color display, code block level highlighting, code formatting, code alignment, to meet the vast majority of front-end requirements.

As for using Sass to install Sass,Sassbuild,git on the sublimeGit,git Gutter, if you want to use a theme, expand the sidebar, expand the sidebar, this is not necessary for everyone after all.

Here we recommend another theme plug-in, which is rich in theme library and feels that most people can use it to avoid visual fatigue:

Colorsublime

After the installation is complete, you can enter Install Theme to change the theme online. There are hundreds of topics in the database, which is very good.

This is the end of this article on "what are the necessary plug-ins for Sublime Text3 front-end?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.