Sublime text Use

First, create HTML, CSS, JS files in sublime text

• Ctrl+shift+p (bring up the console) and enter
• Set syntax:html (can also be entered: SSH)

Set Syntax:css

Set Syntax:js

Second, find (goto anything)

• Find File: ctrl+p (input file name for example: project/index.html)
• Find selectors in CSS: ctrl+p (enter @ selector name for example: @body)
• Find functions in javascript: ctrl+p (enter @ Function name for example: @function)

Three, multi-row cursors

• Use Ctrl+d to select words, and in this procedure you can use Ctrl+d, ctrl+k skip
• Use ALT+F3 to select a whole page of selected words
• Split rows to produce multi-line cursors Ctrl + a CTRL+SHIFT+L
• You can use the shift+ right mouse button to produce a multi-line cursor by default

Iv. shortcut key Generation HTML header file

! (ctrl+e)//This shortcut will be used when the Emmet plugin is installed

Install the package Control

(If you already have it, you don't need to install it, you can see if there's a package settings and a two menu under the Preferences menu)

(1) Simple installation method

To use CTRL + ' shortcut keys or open the command line from the View->show console menu, paste the following code:

If it goes well, you can now see the package settings and the package control two menus under the Preferences menu.

(2) Manual Installation

You may not be able to use code installation for a variety of reasons, and you can manually install the package Control by using the following steps:

1. Click Preferences > Browse Packages menu

2. Go to the upper-level directory of the Open directory before entering the installed packages/directory

3. Download the package control.sublime-package and copy it to the installed packages/directory

4. Restart Sublime Text.

Success

After you install the package control

Step One: ctrl+shift+p (Note: If you do not have the package control installed, you will need to install it.)

Step Two: Enter the install package, wait a moment, enter the Emmet in the popup dialog box, then!

Note: You may encounter some errors during the installation, it's OK to look at the contents of this link, maybe it will help you http://blog.csdn.net/freshlover/article/details/44261229

Five

(ul>.item$*10) + (ctrl+e) can generate 10 class names (ITEM1~ITEM10) for Li tags

Six, the following describes some shortcut keys

Ctrl+d Word Selection (press the shortcut key repeatedly to continue to edit the next same text at the same time)
Ctrl+g jump to the appropriate line
Ctrl+j merge rows (multiple rows that need to be merged are selected)
Ctrl+l Select Entire row (press and hold-continue to select the downstream)
Ctrl+m cursor to start or end position within parentheses

CTRL + N New File

Ctrl+t Word Exchange
Ctrl+u Soft Undo
Ctrl+p find files in the current project and quick search; Enter @ To find the main title/function of the file, or enter: Jump to a file line;
Ctrl+r quickly list/jump to a function
Ctrl+k Backspace Delete from cursor to beginning of line
Ctrl+k+b Toggle Sidebar on/off
CTRL+KK Delete from cursor to end of line
Ctrl+k+t Collapsing properties
Ctrl+k+u Change to uppercase
Ctrl+k+l Change to lowercase
Ctrl+k+0 Expand All
Ctrl+enter Insert Line (quick line wrapping)
Ctrl+tab tab Toggle in the current window


Ctrl+shift+a Select the cursor position parent tag pair child
Ctrl+shift+d the entire line where the cursor is copied, before inserting the line
Ctrl+shift+f in folders, unlike normal editors, Sublime allows you to add multiple folders to find
Ctrl+shift+k Delete an entire row
Ctrl+shift+l the mouse to select multiple rows (pressing the shortcut key), you can edit the lines at the same time
Ctrl+shift+m Select the contents in parentheses (press and hold-continue to select the parent bracket)
CTRL+SHIFT+P Open Command Panel
ctrl+shift+/Comment Selected content
Ctrl+shift+↑ can move this line of code, with upstream interchange
Ctrl+shift+↓ can move this line of code, with the downstream interchange
Ctrl+shift+[Folding Code
Ctrl+shift+] Unwind code
Ctrl+shift+enter Cursor Front Insertion


Ctrl+pagedown, ctrl+pageup files are switched on and off in the open sequence


CTRL + Z Undo
Ctrl+y Recovery undo
CTRL+F2 Setting/Canceling bookmarks
ctrl+/Comment Entire line (if selected, same as "ctrl+shift+/" effect)
CTRL + left mouse button to select multiple text to edit at the same time

shift+ the right mouse button (or using the middle mouse button) can use the mouse to select the vertical multi-line
Shift+f2 Previous Bookmark
Shift+tab removing indents
Alt+shift+1 (non-keypad) window split screen, restore the default 1 screen
Alt+shift+2 left and right split screen-2 columns
Alt+shift+3 left and right split screen-3 columns
Alt+shift+4 left and right split screen-4 columns
Alt+shift+5 4 Screen
Alt+shift+8 Vertical Split Screen-2 screen
Alt+shift+9 Vertical Split Screen-3 screen


Ctrl+shift+ to assign the current focus page to the split-screen sequence number page


ALT +. Close the current label
Alt+f3 selected text Press the shortcut key, you can select all the same text at once to edit simultaneously


Tab Indent Auto-complete
F2 Next Bookmark
F6 Detecting syntax errors
F9 row sort (by A-Z)

F11 Full Screen mode

This is the first time to learn about it.

Sublime text Use