Sublime Use a detailed summary

Sublime Use a detailed summary

"Introduction" Sublime text has a beautiful user interface and powerful features, such as code thumbnails, multiple selections, shortcut commands and so on. Sublimetext even better is its extensibility. Sublimetext: A code highlighting, syntax hints, auto-complete and fast response editor software, not only has a gorgeous interface, but also support plug-in extension mechanism, with her to write code, is absolutely a enjoyment. Compared to the difficult to get started vim, puffy heavy eclipse,vs, even if the volume of light and fast start EditPlus, notepad++, in front of the sublimetext of the pale, undoubtedly this sexy editor is coding and writing the best choice , not one. One, Sublime Text 2 and 3 comparison

The 2,sublime Text 3 is an overwhelming victory over the second start. Therefore, in the subsequent narrative, sublime Text 3 is the main character. and 3 has been constantly improving the update, the specific differences can be see sublime Blog. Simply put: ST3 supports looking for variables in the project directory to provide better support for tabs (more commands and shortcut keys) to speed up the process of running updates to the API, using Python3.3

It is highly recommended that friends use 3! It's not broken, no explanation. Sublime Text 3 Install plugin

The power of Sublime text is that she has a strong class extensibility. You can install different plugins according to your needs, which makes her incredibly powerful and lightweight. Plug-in Installation method: Direct installation:
Installing the sublime Text3 plugin is convenient and can be downloaded directly from the installation package to the Packages directory (menu->preferences->packages). Plug-in Installation Method II: Install using the Package control component:
Press CTRL + ' call up console (note: There is a conflict in the installation of QQ Input method, Input Method property settings-Input Method management-Cancel Hotkey switch to QQ pinyin) paste the following code to the bottom of the command line and enter:
If it is text2 enter the following command:

1

import Urllib2,os,hashlib; h = ' 7183a2d3e96f11eeadd761d777e62404 ' + ' e330c659d4bb41d3bdf022e94cab3cd0 '; PF = ' package control.sublime-package '; IPP = Sublime.installed_packages_path (); Os.makedirs (IPP) if not os.path.exists (IPP) else None; Urllib2.install_opener (Urllib2.build_opener (urllib2. Proxyhandler ())); by = Urllib2.urlopen (' http://sublime.wbond.net/' + pf.replace (', '%20 ')). read (); DH = hashlib.sha256 (by). Hexdigest (); Open (Os.path.join (IPP, PF), ' WB '). Write (by) if DH = = h else None; Print (' Error validating download (got%s instead of%s), please try manual install '% (DH, h) if DH! = H Else ' please rest Art Sublime Text to finish installation ')

If it is text3 enter the following command:

1

import Urllib.request,os,hashlib; h = ' 7183a2d3e96f11eeadd761d777e62404 ' + ' e330c659d4bb41d3bdf022e94cab3cd0 '; PF = ' package control.sublime-package '; IPP = Sublime.installed_packages_path (); Urllib.request.install_opener (Urllib.request.build_opener (Urllib.request.ProxyHandler ())); by = Urllib.request.urlopen (' http://sublime.wbond.net/' + pf.replace (', '%20 ')). read (); DH = hashlib.sha256 (by). Hexdigest (); Print (' Error validating download (got%s instead of%s), please try manual install '% (DH, h)) if DH! = H Else Open (Os.pat H.join (IPP, PF), ' WB '). Write (by)

Restart Sublime Text 3. If you see the package control item in Perferences->package settings, the installation succeeds. Press Ctrl+shift+p to bring up the command panel, enter install to bring up the Install Package option and enter, then select the plug-in you want to install in the list.

Once installed, you will see the package control in preferences, as follows:

PS: Domestic use of SublimeText3, often may encounter can not install the available plug-in problems can remove the package control reinstall, if encountered even Packagecontrol can not be installed, you may copy a Control file-(package control.sublime-package) is stored under the installed Packages directory can be three, sublime Text 3 plugin recommended

No plugins, no artifacts. Customize your own set of powerful plugins according to your needs; Here are some common recommendations.
Sublime TEXT3 Plugin: Enhanced article
20 powerful Sublimetext plug-in utility sublime plug-in collection Emmet

Function: Encoding shortcut key, front-end prerequisite

Introduction: Emmet as an upgraded version of Zen coding, for the front end, but the necessary plug-in, if you are not familiar with it, you can on its official website (http://docs.emmet.io/) to see the specific demo video.

Use: Tutorials-http://docs.emmet.io/cheat-sheet/, http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

Jsformat

Features: JavaScript code formatting Plugin

Introduction: Many of the site's JS code are compressed, one-line or even confusing compression, which makes us look very laborious. And this plugin can help us to format the original code, including line wrapping and indentation, and so on, is the code at a glance, faster read ~

Use: In the compressed JS file, right-click to select Jsformat or use the default shortcut key (CTRL+ALT+F)

Less

Function: Less Highlight plugin

Introduction: With less students know that sublime does not support the syntax highlighting, so this plugin can help us

Use: Open. Less files or set to less format

Less2css

function: Compile Less

Summary: When a file change is monitored, the compilation is saved as a. css file

Use: Open the. less file, write the code to save and see the files that generate. css at the same time, if not, you need to install node. Compiling with this method is not recommended, either with koala or with grunt. Alignment

function: "=" number alignment

Description: Variable definitions are too many, vary in length, can be aligned by one key

Use: Default shortcut key Ctrl+alt+a and QQ screenshot conflict, you can set other shortcut keys such as: Ctrl+shift+alt+a; Select the text you want to align first

Sublime-autoprefixer

Features: CSS adds a private prefix

Summary: CSS is not standardized, so you need to give each big browser a prefix to solve the compatibility problem

Use: Ctrl+shift+p, select Autoprefixer. You need to install node. js.

Other settings, such as shortcut keys, refer to: Https://sublime.wbond.net/packages/Autoprefixer

Clipboard history

Features: Clipboard history

Summary: Easy to use copy/cut content

Use:

Ctrl+alt+v: Show History
Ctrl+alt+d: Clear History
Ctrl+shift+v: Paste previous record (oldest)
Ctrl+shift+alt+v: Paste Next Record (latest)

Bracket highlighter

Features: Code matching

Description: Can match [], (), {}, "", ",", highlighting, easy to see start and end tags

Use: Click on the corresponding code to

Git

Features: Git management

Summary: Plug-ins basically implement all the features of Git

Use: