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

This article mainly introduces the use of Sublime Text 2 in the front end of Web, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

There are two versions of Windows's Sublime:

Ordinary version (Normal)

Sublime Text-related files are placed in two directories, one for programs and related files, and one for data

Portable version (Portable)

All Sublime Text-related files are placed in a folder (it is recommended to use this, so that you can change your computer and copy the files directly, you don't have to install plug-ins, configure anything, it's great, do you have it?

Apart from the ease of use of Sublime, the personal feeling lies in its powerful plug-ins. Here's how to install the plug-ins:

1. Direct installation

It is convenient to install the Sublime text 2 plug-in, and you can download the installation package directly and extract it to the Packages directory (preferences- > packages).

two。 Install using Package Control components (recommended)

Press Ctrl+ `(` is the one above the tab key, read other tutorials, make me look for a long time. ) call up console

Paste the following code to the command line at the bottom and 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 ()

Restart Sublime Text 2.

If you see the package control item in Perferences- > package settings, the installation is successful

Then press Ctrl+shift+p, enter install package, and finally enter the plug-in name and press enter. Everything looks good, but this installation method may fail in an agent environment. This is the case in my company's environment. What can I do about it? Solutions are as follows:

1. Download proxifier and ask google (the registration opportunity of proxifier is treated as a Trojan horse by security software, which needs to be released first)

two。 Set up a proxy server

Profile = "proxy server =" added

Proxy address: such as xx.xx.com

Port: such as 8080

Https

3. Configure proxy rules

Add the corresponding exe of sublime to the proxy rule

List of utility plug-ins (the following plug-ins have been installed by bloggers, which is really cool):

Emmet (that's zencoding, it's changed its name, and a lot of it's written on the Internet)

Write html code quickly and call out from ctrl+alt+enter. For more information, please see http://docs.emmet.io/abbreviations/syntax/.

SublimeLinter

A plug-in that supports lint syntax, ctrl+alt+l call (conflict with the lock of qq, change the hotkey yourself) can highlight lines of code that linter thinks is wrong.

JQuery

Students who use jquery should not miss it. Press the tab button after writing, and there will be a surprise.

Alignment

Code alignment, such as writing a few variables, when selected, Ctrl+Alt+A, people who are addicted to code cleanliness will like it.

Bracket Highlighter

Highlight code matching, can match parentheses, quotation marks, tags and so on

DocBlockr

Automatic annotation, fully in line with the jsdoc standard, press / *, you don't have to worry about comments anymore

Prefixr

Write CSS can automatically add-webkit and other private affixes, Ctrl+Alt+X trigger

Tag

Html format, right-click Auto-Format Tags on Ducument.

JS Format

A JS code formatting plug-in, ctrl+alt+f formatting code, make the code beautiful minute by minute

Theme-soda

This topic is equivalent to cool, which is added in preferences- > user setting

"color_scheme": "Packages/Color Scheme-Default/Monokai Soda.tmTheme"

"theme": "Soda Dark.sublime-theme"

Install a new code color scheme

Click Preferences- > Browse Packages to open the package installation directory, find the Color Scheme-Default folder, and put the downloaded new color installation into it.

Sublime Text shortcut key:

Ctrl+Shift+P: open the command panel

Ctrl+P: searching for files in a project

Ctrl+G: jump to which line

Ctrl+W: closes the currently open file

Ctrl+Shift+W: close all open files

Ctrl+Shift+V: pasting and formatting

Ctrl+D: select a word. Repetition increases the selection of the next same word.

Ctrl+L: select a row, repeat to increase the selection of the next row in turn

Ctrl+Shift+L: selecting multiple Lin

Ctrl+Shift+Enter: inserts a new row before the current row

Ctrl+M: jump to corresponding parentheses

Ctrl+U: soft undo, undo cursor position

Ctrl+J: select tag content

Ctrl+F: finding content

Ctrl+Shift+F: find and replace

Ctrl+H: replacing

Ctrl+R: go to method

Ctrl+N: create a new window

Ctrl+K+B: switch sidebar

Ctrl+Shift+M: select the content of the current parenthesis, repeat with the parenthesis itself

Ctrl+F2: setting / deleting markup

Ctrl+/: comments the current line

Insert comments in Ctrl+Shift+/: 's current location

Ctrl+Alt+/: block comments, and Focus to the first line, used to write comments

F11: full screen

Shift+F11: full-screen do not Disturb mode, only edit the current file

Alt+F3: select all the same words

Alt+Shift+ numbers: split-screen display

Alt+ digits: toggle opening Nth file

Ctrl+Tab: toggle tab

Ctrl+Shift+ up and down keys, replaceable lines

Thank you for reading this article carefully. I hope the article "what is the use of Sublime Text 2 in the front end of Web" shared by the editor will be helpful to you. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.