Front-end development tools (installation and common skills)--sublime text 3

Installation

Official: http://www.sublimetext.com

Sublime Text 31 is the big advantage of cross-platform (Windows, Linux, OS X), portable version is portable version, free installation version of the meaning ~

The installation is very convenient directly next to the next ...

Chinese patch

Patch: Http://pan.baidu.com/s/1bpFN7H1

1, download the sublime text 3--Chinese version of the zip file decompression, get the Default.sublime-package file

2. Open Sublime Text 3, Open menu->preferences->browse Packages, go to File Manager:

3. Go back to the sublime Text 3 folder and open the "Installed Packages" folder.

4, paste the Chinese package file "Default.sublime-package" to "Installed Packages" folder, no need to refresh to see the effect of Chinese . Not enough Chinese is not very complete.

Crack

1. Open Sublime Text 3, Open the menu->help->license information, paste it, provide 2 registration code (2016-4-13 Pro-Test available), no words to find another. or download a registration machine.

v3103 available

-–begin License-–ryan clarksingle User licenseea7e-81247979704e6f93f36655 b031503a 03257CCC 01b20f60d304fa8d b1b4f0af 8a76c7ba 0fa94d5556d46bce 5237a341 cd837f30 4d60772d349b1179 A996F826 90cdb73c 24d41245fd032c30 ad5e7241 4eaa66ed 167d91fb55896b16 ea125c81 f550af6b a6820916--end license--

V3103 below available

-----BEGIN LICENSE-----Andrew webersingle User licenseea7e-85560542397640  33f41cfce1d0ae85 a0bbd039 0e9c8d55 e1b89d5d5cdb7036 e56de1c0 EFCC0840 650cd3a6b98fc99c 8fac73ee D2B95564DF450523- -----END LICENSE------

Installing the package control plug-in

Official website: https://packagecontrol.io/

Follow the prompts to paste the following code, you can automatically complete the installation (shortcut CTRL + ') or view (view) >show Console (display panel)

Installation topics

1, crtl+shift+p Open the command panel, bring up Packager control installation plug-in

2. Find the theme you want to install website can see the effect of the direct installation of the return: Https://packagecontrol.io/browse/labels/theme

3. You can see the theme of your installation here.

4. Modify the theme on the user settings side

Install snippets Improve development efficiency (Js,jquery Shortcut code function) plug-in advancenewfile--quick new File/directory

1. Shortcut key Crtl+alt+n ( Note that the default new file/directory is the first item in the editor )

Plugin nettus fetch--shortcut Download the nearest plugin/file

1. Set remote file address + name (crtl+shift+p >> fetch:manage)

2. Create a new file then, fetch:file download the file code

Plugin docblockr--Quick Add Comment plugin summitlinter--js syntax error warning (Nodejs category, still in study)

Common Quick actions:

Insert Line (ctrl+enter) before inserting line (ctrl+shift+enter)

The cursor is in the middle of the code and quickly takes another line

Select Entire row (ctrl+l) Select to Word (ctrl+d)

Go to Goto (ctrl+p) Quick Find File

1. Enter the file name in the current project and quickly search for the file

2. Enter @ and keyword to find the function name in the file

3. Enter: And number, jump to the line code in the file

4. Enter # and keyword to find the variable name

Select to Word (ctrl+d) + (ctrl+k) Mate select multiple words to collectively modify, resulting in multi-line cursors

chestnuts: Select 1, 2, 4, 5 set Body modification

Ctrl+d selection, Crtl+k skip

Copy entire row to next line (CRTL+SHIFT+D)

Produce multiple rows of cursors, select all selected words (ALT+F3)

Create multiple rows of cursors after each line (select all >>Crtl+Shift+L>> arrow right) (shiftl+ right-drag)

Format file encoding (crtl+shift+p >> set Syntax:)

Command mode off Mini map (crtl+shift+p>> minimap)

Emmet Plugin quick action--Generate HTML5 header:! +tab;html:5+tab;! + (crtl+e); html:5+ (Crtl+e)

Note in HTML-encoded format

Emmet Plugin quick action--quickly generate tags and add content inside Tags: tag {content}+tab

Formatted copied code: CRTL+SHIFT+V

Front-end development tools (installation and common skills)--sublime text 3