Recommended sublime text 2 plug-in

Required package Control

Use the CTRL + 'shortcut or open the command line through the view-> show console menu and paste the following 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 ())

Installation and Creation Method

Preference-> package control-> install package, and enter the plug-in name. This is an online installation method and requires a network

Emmet

Emmet (the predecessor of Emmet is the famous Zen coding. If you haven't heard of and used it before, it's sad) is a tool that allows you to write HTML and CSS more quickly and efficiently, A plug-in that saves you a lot of time. How to use it? You only need to write the entire code in the agreed abbreviation form, and then press the "extension" Key, these abbreviations will automatically expand to the corresponding code content.

Specific reference Official Website: http://emmet.io/

Caniuse

If you want to check whether the browser supports CSS and HTML elements that you include in your code, this is the plug-in you need. All you need to do is to select the element in question and the plug-in will do the rest for you.

Alignment

 

This plug-in allows you to align your code, including PHP, CSS, and JavaScript. The code looks more concise and readable for easy editing. You can view the following picture to understand what I mean.

Shortcut Key: Press CTRL + ALT + A. It can be a messy code with an equal sign around it. It is suitable for friends who have code cleansing.

Theme soda

After the installation, activate the topic, open preferences → global settings-user, and add the following code to save the settings:

"Theme": "soda light. sublime-Theme" or "theme": "soda dark. sublime-Theme"

Jsformat plugin

Format JS: select a piece of text, control + ALT + F.

Converttoutf

Example: Name

Jquery

Example: Name

Sublime codeintel

Code Automatic prompt, quite easy to use

CSS compact expand CSS Expand and contract Properties

Each person writes CSS in a different style. Some people like to write one line, while others like to write multiple lines. Each has its own advantages. I like to write CSS as one line, in this way, the CSS file size can be reduced, and more classes can be displayed on the screen to facilitate searching. If reading other people's Code does not conform to your habits, you can use the CSS compact expand plug-in to format the CSS and press CTRL + ALT + [compress the CSS code to display it in one line, press CTRL + ALT +] to expand the CSS code for multi-line display. This plug-in is encapsulated by a cool in the sublime textqq group.

 

Csscomb CSS Sort attributes (as if the machine needs to have PHP )

Sometimes, when I look at my own CSS files, will it feel difficult to maintain attributes in disorder? Csscomb sorts messy CSS attributes according to certain CSS attributes. Select the CSS code to be sorted by CTRL+ SHift+ C, you can re-sort the CSS attributes, and the code is simple and easy to maintain. If no code is selected, the plug-in will sort all the CSS attributes in the file. Of course, you can customize the CSS attribute sorting rules, open the csscomb. sublime-settings file in the plug-in directory, and change the CSS attribute order.