Install and use the front-end tool Sublime Text 3, sublimetext

Install and use the front-end tool Sublime Text 3, sublimetext

Sublime TextIs a code editor, known as a front-end development artifact.

Sublime Text 3: http://www.sublimetext.com/3

After the installation is complete, follow these steps:

To manage the plug-ins conveniently, install the plug-in manager as follows:

1."Ctrl +'Call up the Console

2. Open https://packagecontrol.io/installation#st3

CopySublime text 3Content in

3. paste it to the command line at the bottom of the tool, press enter and restart.

If you see Package Control under Preferences --> Package Settings, the installation is successful.

 

Use of plug-in Manager

Ctrl + Shift + P call out the Command Panel, enter install, and select Install Package.

You can see all the plug-ins and select the plug-ins you want to install.

 

The most common plug-in is Emmet, which is used to quickly compile Html and Css code.

Emmet plug-in has been installed.

Emmet plug-in:

1.! + TabOrHtml: 5 + TabTo quickly create an Html Template

2. The number of tag names * + Tab can generate multiple tags, such as div * 4 + Tab

 

3. The label name. Class + # id + Tab will automatically generate the class and Id attributes of the label, such as span. menu # name + Tab.

4. $ automatically generates numbers, such as span. span $ {span $} * 5 + Tab