Introduction to Sublime Text 2, a web front-end tool

Sublime Text 2 is a lightweight, simple, efficient, cross-platform editor. The blogger has been using notepdd++ to write front-end code, and it is quite easy to use. I have heard of sublime for a long time, but I have never been too lazy to try it out, thinking that it is okay as long as the tool is easy to use. I suddenly had the urge to download it these days and tried it out. The result is... . . As a result, the blogger shamelessly abandoned Notepad++. . . Below, I will introduce this front-end artifact based on the blogger’s experience of using it in the past few days. Since I have only used it for a short time, I hope you will forgive me if there are some inappropriate things I say.

There are two versions of Sublime for Windows:
Normal
Sublime Text related files are placed in two directories, one for the program and its related files, and one for the data portable version (Portable)
All Sublime Text related files are placed in a folder (this is recommended, so that you can change the computer and directly copy the files over, no need to install plugins or configure anything, it's so cool, isn't it)

In addition to being easy to use, Sublime also has powerful plugins. Here's how to install the plugins:
1. Install directly <br />It is very convenient to install the Sublime text 2 plug-in. You can directly download the installation package and unzip it to the Packages directory (preferences->packages).
2. Install using Package Control component (recommended)
Press Ctrl+` (` is the one above the tab key. I looked for it in other tutorials but it took me a long time to find it...) to bring up the console.
Paste the following code into the bottom 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())
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 environment with a proxy. My company's environment is like this. How can I solve it? The solution is as follows:

1. Download proxifier, please google (the registration of proxifier may be regarded as a Trojan by security software, so you need to release it first)
2. Set up a proxy server
Configuration file =》Proxy server =》Add
Proxy address: such as xx.xx.com
Port: such as 8080
https
3. Configure the proxy rules and add the corresponding exe to the proxy rules of Sublime

List of useful plugins (the following plugins have been installed by the blogger, and they are really cool) :

Emmet (Zencoding, it changed its name, but many websites still use this name)
Quickly write HTML code, press ctrl+alt+enter to call out, please refer to: http://docs.emmet.io/abbreviations/syntax/

SublimeLinter
A plugin that supports lint syntax. Press ctrl+alt+l to call it out (it conflicts with QQ's lock, so change the hotkey yourself) to highlight the lines of code that the linter thinks are wrong.

jQuery
Students who use jQuery should not miss this. After writing, press the tab key and you will get a surprise.

Alignment
Code alignment, such as writing a few variables, selecting them, Ctrl+Alt+A, people who are obsessed with code cleanliness will like this

Bracket Highlighter
Highlight code matching, can match brackets, quotes, tags, etc.

DocBlockr
Automatic comments, fully compliant with jsdoc standards, just press /**, no need to worry about comments anymore

Prefixr
When writing CSS, you can automatically add private affixes such as -webkit, triggered by Ctrl+Alt+X

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

JS Format
A JS code formatting plug-in, ctrl+alt+f format the code, making the code beautiful in minutes

Theme - soda

This theme is pretty cool. In preferences->user setting, add "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 install the downloaded new color scheme.


Sublime Text shortcut keys:
Ctrl+Shift+P: Open the command panelCtrl+P: Search for files in the projectCtrl+G: Jump to the lineCtrl+W: Close the currently open fileCtrl+Shift+W: Close all open filesCtrl+Shift+V: Paste and formatCtrl+D: Select a word. Repeat to select the next identical wordCtrl+L: Select a line. Repeat to select the next line in sequenceCtrl+Shift+L: Select multiple linesCtrl+Shift+Enter: Insert a new line before the current lineCtrl+M: Jump to the corresponding bracketCtrl+U: Soft undo, undo the cursor positionCtrl+J: Select the tag contentCtrl+F: Find contentCtrl+Shift+F: Find and replaceCtrl+H: ReplaceCtrl+R: Go to method
Ctrl+N: Create a new windowCtrl+K+B: Switch sidebarCtrl+Shift+M: Select the current bracket content, and you can select the bracket itself repeatedlyCtrl+F2: Set/delete markCtrl+/: Comment the current lineCtrl+Shift+/: Insert comment at the current positionCtrl+Alt+/: Block comment, and focus on the first line, write comment descriptionF11: Full screenShift+F11: Full screen do not disturb mode, only edit the current fileAlt+F3: Select all identical wordsAlt+Shift+number: Split screen displayAlt+number: Switch to open the Nth fileCtrl+Tab: Switch tab
Ctrl+Shift+up and down keys to replace lines

If you want to do your work well, you must first sharpen your tools. Yes, Sublime is definitely a powerful front-end tool. Keep using it and keep summarizing it. If you have any good sublime plugins and tips, please add them, thank you.