Sublime shortcut keys to use

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快速生成

 

 

[]:子标签内容

 

 

{ }:内容

  

Guess you like

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