Editor required by front-end developers: sublime text2

Sublime text2 has the following advantages:

1. fast speed. 2. The interface is concise. 3. Powerful functions. 4. Many plug-ins. 5. There are many shortcut keys. 6. Do not save the settings and click Edit next time. 7. The interface looks good and can be customized.

Of course, the most important thing is the large number of plug-ins, which makes its functions huge.

How to install the sublime text 2 plug-in: 1. Directly install

It is very convenient to install the sublime text 2 plug-in. You can directly download the installation package and decompress it to the packages directory (menu-> preferences-> packages ).

2. Install the package Control Component

You can also install the package control component and install it online:

1. Press Ctrl + 'to call up the console. (Note: If this shortcut key is installed with the QQ input method, there will be a conflict. Choose "Input Method property Settings"> "Input Method management"> cancel the hotkey and switch to "QQ pinyin)
2. Paste the following code to the bottom of the command line and press Enter:
   import urllib2,os;pf=‘Package Control.sublime-package‘;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),‘wb‘).write(urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read())
3. Restart sublime text 2.
4. If you see package control in perferences-> package settings, the installation is successful.

If this method cannot be installed successfully, you can download the file here for manual installation.

How to install the plug-in using package control:

1. Press Ctrl + Shift + P to bring up the Command Panel
2. Enter install to bring up the install package option and press Enter. Then, select the plug-in to be installed in the list.

Common plug-ins include: Zen CodingChanged to Emmet.

Welcome to view the new Emmet code, which is more powerful as a required plug-in for front-end code writing. We recommend that you install

Jquery package for sublime text

If you cannot leave jquery, this must be done ~~

Sublime prefixr

Prefixr, css3 private prefix auto-completion plug-in, obviously also very useful wow

JS format

A js Code formatting plug-in.

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

Placeholders

Therefore, it is practical to use placeholder text and HTML code snippets.

Sublime alignment

This is an easy-to-use plug-in for mamin who like to be neat.

Select the text and press CTRL + ALT + A to align the text.

Jsminifier

Based on Google closure compiler, this plug-in automatically compresses JS files.

Press CTRL + ALT + m to compress JS Code and press CTRL + ALT + Shift + m to compress JS and generate a compressed file *. Min. js

Because it is a wall, timeout occurs during use. modify the configuration.

1. Open packagesjsminifierminifier. sublime-settings.
2. Modify the compiler value to 'uglify _ js '.

Sublime codeintel

Code prompt

Bracket highlighter

Similar to code matching, it can match the brackets, quotation marks, and other symbols.

GBK to utf8

Convert the file encoding from GBK to utf8. The shortcut key is Ctrl + Shift + C.

Key

CTRL + l select the entire line (Press and hold-continue to select downstream)

CTRL + KK Delete from cursor to end of line

CTRL + Shift + k Delete the entire row

CTRL + Shift + D copy the entire row where the cursor is located and insert it before this row

CTRL + J merge rows (multiple rows to be merged have been selected)

CTRL + Ku to uppercase

CTRL + KL to lowercase

CTRL + d (Press and hold-continue to select the next same string)

CTRL + M move the cursor to the start or end position in parentheses

CTRL + Shift + M select the content in the brackets (Press and hold-continue to select the parent bracket)

CTRL +/comment out the entire line (if the selected content is used, the effect is the same as that of "Ctrl + Shift +)

CTRL + Shift +/comment on selected content

CTRL + z undo

CTRL + y resume undo

CTRL + M jump to the corresponding parentheses

Alt +. Close the current tag

CTRL + Shift + A select the cursor position parent tag

CTRL + Shift + [collapse code

CTRL + Shift +] Show Code

CTRL + KT fold Property

CTRL + K0 show all

CTRL + u soft undo

CTRL + T word Interchange

Tab indent automatically completed

Shift + TAB remove indentation

CTRL + Shift + swap and uplink swap

CTRL + Shift + swap and downstream

CTRL + k backspace Delete from cursor to first line

CTRL + enter insert row after cursor

CTRL + Shift + enter insert row before cursor

CTRL + F2 set bookmarks

Next bookmarks on F2

Shift + F2 bookmarks

【]

Official website address: http://www.sublimetext.com/

Editor required by front-end developers: sublime text2