Sublime shortcut keys to use
Use of goto function options
(1) Summary: goto anything CT+P
(2) Jump line: CT+G, such as :20
(3) Look for symbols: that is, jump to CSS selector or search for the corresponding ID name, etc., @+css/id name such as: @body
(4) Use summary to jump to a file in a certain folder, such as action/admin/index.php, the background can be previewed, and the path can be part of the
The new file needs the modifier syntax mode: CT+SH+P, such as JS syntax format, input SSJS
If it is a JS file, the method is found in (3)
Html file, #body find the tag; replace CT+H
Use of themes and plugins
There are two ways to install plugins in Sublime, one is to directly download the installation package and extract it to the Date/Packages directory, the other is to find the installation components through the Package Control component, which is more convenient.
Theme: https://packagecontrol.io/browse/labels/theme
Put in : D:\Sublime Text 3\Data\Packages or open in browse plugin
See for specific use; another article
Multi-row cursor (select multiple rows)
CT+D: Select multiple identical symbols. If you don’t want to select a line during the period (the cursor is already there), then CT+K cancels this, and when CT+D again, the next one is selected
AL+F3 select all
SH+Right click to move back and forth with the arrow keys
Emmet plugin completes quickly
CT+{ increases indentation
CT+SH+V format paste
CT+Enter to jump down
Ul>.item$*3 generates the class $ table number of 3 item names
Assistive skills
If you want a function, maybe a plug-in can do it
Use snippets-related plug-ins to complete auto-completion functions, such as js
Use advanceNewfile to quickly create a corresponding file, SH+AL+N, the path can be set (automatically created), and the format can be formatted with a suffix
The server response test uses the plug-in http requester, write the address in the response code page, select it, AL+CT+R, and another page of test results
JQuery snippets 加速开发
Node去分号insert callback
侧边栏功能加强插件
语法风格检测插件:sublime-jshint
快速生成HTML标签
>:表示 子标签并被第一个包含,如 div>ul>li à <div><ul> <li></li> </ul></div>
+:表示 添加标签不包含,如:div+ ul>li à <div></div> <ul> <li></li> </ul>
():表示 包含一个整体,如:(div+ul>li*2>a)+ div
<div></div>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
<div></div>
*:表示 多个,如div*5即是生成5个div
$:表示 序号 ,ul>li.item$*3 其中.表class
Div快速生成
[]:子标签内容
{ }:内容