Sublime Text Plugin Installation & Introduction

  Sublime text is a lightweight and powerful text Editing tool, its excellent performance, good user experience and strong plug-in support by the front-end developers of the hot, the following introduction of Sublime text 3 Some common plug-ins.

  

1 ·   Package Control plug-in management

Sublime text installation plug-in is very convenient, you can directly download the plug-in to the Packages directory decompression can be, but when the plug-ins installed by this method, often not easy to manage, here you need a package management plug-in to manage these plugins: Packages control (Official installation documentation).

For Sublime Text 3, go to the menu bar of view > Show Console to open the command line and enter the following code:

 
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)

  after you see the package settings and two menus under the Preferences menu, it means the installation was successful:

 Once the package control is installed, we can use it to install and manage other plugins.

  2 · Emmet

  Emmet's predecessor is the famous Zen coding, which can be said to use sublime text for front-end development of the necessary plug-in, using it can greatly improve the speed of HTML/CSS code writing, such as the following demo:

Installation method: Press Ctrl+shift+p in the sublime text interface, enter "install package" in the text box that appears, enter "Emmet" and the plug-in will begin to install.

How to use: We just enter the label shorthand form, press the TAB key will automatically generate the corresponding code, about Emmet more information, please check the official documentation, or this: using Emmet to accelerate web front-end development.

  3 · Jsformat

This is a JavaScript format plug-in, the installation method is the same as above, in the Installation text box enter "Jsformat" carriage return, after the installation is complete, you can see it in the Package Manager:

The default format shortcut is ctrl+alt+f , which can be changed in the settings.

 4 · CSS Format

This is a format CSS style plug-in, the same input "CSS format" to install, in the edit CSS file right-click to see formatting options:

5 · Tag

This plugin is used to format the Html/xml code, use it to be more troublesome, get the menu bar edit directory inside look up:

  6 · Htmlprettify

  If your computer already has node. js, you can install it directly Htmlprettify, this is a Html+css+javascript+json Quick format plugin, this project on the GitHub home page has a detailed description of it: htmlprettify.

  about the Sublime text plugin is introduced here, if you want to uninstall the installed plug-in, press CTRL+SHIFT+P, in the text box that appears, enter the "Package Control:remove package" carriage return, Then select the plugin you want to uninstall and the return will start uninstalling:

 Finally about the Sublime text use tips/tutorials, the introduction of the last question and answer: Sublime text What are the use of skills?

Sublime Text Plugin Installation & Introduction