Sublime Text common shortcut keys and common plugins

[Most commonly used]:
1. Create a new file - enter "html:xt" and press "Ctrl+E" or "tab" to quickly generate a template for xhtml 1.0
2. Create a new file - enter "html:5" Press "Ctrl+E" or "tab" to quickly generate HTML5 templates
3. Create a new file - enter "!" and then press "Ctrl+E" or "tab" to quickly generate HTML5


templates Alt+H can quickly generate HTML skeleton


Ctrl+Shift+alt [ Folding code (in CSS, it means compact format, in html, it is folding code)
Ctrl+Shift+alt ] Folding code (in CSS, it means expansion format, in html
Ctrl+Shift+C CSS property sorting
Ctrl+Alt+N Quickly create a file (fill in the file extension to generate a template, for example: demo.html) Ctrl
+Alt+K Delete unnecessary blanks
Ctrl+ Shift+Alt+F Format JS code
Ctrl+Shift+Alt+M Compress CSS/JS code (the result is: filename.min.css, filename.min. js)
F1 Chrome browser preview
F2 Firefox browser preview
F3 IE browser preview
F4 Open palette
F11 Full screen
F12 Default browser preview Press and
hold the mouse wheel to pull down to edit multiple lines
------------------------------------ ------------------------------------
Ctrl+D word selection (press the shortcut key repeatedly to continue Select the next same text downward for simultaneous editing)
Ctrl+G Jump to the corresponding line
Ctrl+J Merge lines (when multiple lines to be merged have been selected)
Ctrl+L Select the entire line (press and hold - to continue to select the next line ) )
Ctrl+M Move the cursor to the beginning or end of the brackets
Ctrl+T Word interchange
Ctrl+U Soft undo
Ctrl+P Find files and quick search in the current project; enter @ to find the main title/function of the file; or enter: Jump to a line in the file;
Ctrl+R Quickly list/jump to a function
Ctrl+K Backspace Delete from the cursor to the beginning of the line
Ctrl+K+B Open/close the sidebar
Ctrl+KK Delete from the cursor to End of line
Ctrl+K+T Collapse property
Ctrl+K+U Change to uppercase
Ctrl+K+L Change to lowercase
Ctrl+K+0 Expand all
Ctrl+Enter After inserting a line (quick line break)
Ctrl+Tab Tab in the current window Page switching


Ctrl+Shift+A Select the parent label pair at the cursor position
Ctrl+Shift+D Copy the entire line where the cursor is, insert before the line
ctrl+shift+F Search in the folder, different from ordinary editors is that sublime allows to add multiple folders for search
Ctrl+Shift+K Delete Entire line
Ctrl+Shift+L Select multiple lines with the mouse (press the shortcut key), you can edit these lines at the same time
Ctrl+Shift+M Select the content within the brackets (hold down - to continue to select the parent bracket)
Ctrl+Shift+P Open the command Panel
Ctrl+Shift+/ Comment the selected content
Ctrl+Shift+↑ can move this line of code, interchange with the upper line
Ctrl+Shift+↓ can move this line of code, interchange with the lower line
Ctrl+Shift+[ Collapse code
Ctrl+Shift+] Expand code
Ctrl +Shift+Enter Insert a line before the cursor


Ctrl+PageDown, Ctrl+PageUp Switch the file in the order of opening


Ctrl+Z Undo
Ctrl+Y Undo
Ctrl+F2 Set/Cancel bookmark
Ctrl+/ Comment the entire line (if the content is selected, the same as "Ctrl+Shift+/" effect)
Ctrl+left mouse button can select multiple texts to be edited at the same time




Shift+right mouse button (or use the middle mouse button) can use the mouse for vertical multi-line selection
Shift+F2 Previous bookmark
Shift+Tab remove indentation
Alt+Shift+W Surround label
Alt+Shift+1 (non-keyboard) window split screen, restore 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 Divide 4 screens equally
Alt+Shift+8 Vertical split screen-2 screens
Alt+Shift+9 Vertical split screen-3 screens


Ctrl+Shift+split screen number to assign the current focus page Go to the split screen serial number page


Alt+. Close the current label Alt + F3 Select the text and press the shortcut
key, you can select all the same text at one time for simultaneous editing Code snippet: For example, enter * and press the tab key to quickly generate the following code snippet: [    *{        margin: 0;        padding: 0;    }    img{        border:0;    }    ol, ul ,li{list-style: none ;}  ]





















Input syntax: * Press the tab key to generate the clear default style
Input syntax: cft Press the tab key to generate a custom footer
Input syntax: clear1 Press the tab key to generate the clear floating method 1
Input syntax: clear2 Press the tab key to generate the clear floating method 2
Input syntax: html4 Press the tab key to generate xhtml1.0 skeleton
Input syntax: jss Press the tab key to generate a <script> tag with a path
Input syntax: js Press the tab key to generate a <script> tag
Input syntax: css Press the tab key to generate a <script> tag Generate <style> tags
Input syntax: hzs Press the tab key to generate HTML comments
Input syntax: jzs Press the tab key to generate CSS, JS and other multi-line comments
Input syntax: reset Press the tab key to generate reset default styles
Input syntax: weilei Press The tab key can generate css pseudo-classes
Input syntax: ie6 Press the tab key to generate ie6 judgment syntax
Input syntax: ie6 transparent Press the tab key to generate ie6 transparent
Input syntax: ie8 Press the tab key to generate ie8 judgment syntax

Input syntax: media Press the tab key to generate CSS3 media queries

【Commonly used plugins】

"Package Control",
"AndyJS2",
"function name display"
"BracketHighlighter",
"CompactExpandCss",
"Default File Type",
"ConvertToUTF8",
"GBK Encoding Support",
"Better Completion",
"ColorSchemeSelector"
"AdvancedNewFile",
"TrailingSpaces",
"AutoFileName",
"SublimeLinter",
"DocBlockr",
"HTMLPrettify",
"CodeIntel",
"Alignment",
"FileDiffs",
"Trimmer",
"Emmet",
"CSS3 Syntax",
"Autoprefixer",
"HTML5"
"jQuery",
"JQuery Mobile"
"bootstrap",
"Tag"

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325990631&siteId=291194637