自动换行
Preferences -> 用户设置 -> 在{}中输入
"word_wrap": true
。
快速打开文件(go to anything)
Ctrl + P
@+关键字,页内查询
多行游标
Ctrl + H 打开 查找替换
Ctrl + D选择 Ctrl + K 跳过
Ctrl + N 打开新文件
Alt + F3 多选
复制当前行的内容
Ctrl + Shift + D 快速复制当前行的内容
快速设置语法格式
Ctrl + Shift + P 打开语法命令模式,然后在输入框输入相关字,通过模糊匹配设置语法格式
快速生成html5头部信息
html:5 + Tab 快速生成html5头部信息
快速在页面的某一行下面添加一行
Ctrl + P 打开 goto anything特性
# + 关键字 在当前页进行匹配
Ctrl + Enter 在当前行下面添加一行
Ctrl + Shift+ Enter 在当前行的上面添加一行
快速生成无序列表
ul>.item$*10
在当前位置生成一个无序10个li元素且类名为item1、item2…列表
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
<li class="item6"></li>
<li class="item7"></li>
<li class="item8"></li>
<li class="item9"></li>
<li class="item10"></li>
</ul>
- 选择
><
+ Ctrl + D 选中所有的li元素的文本区,然后通过移动光标进行切换位置,进行统一编辑 - 输入
h2{this is test}
, {}里面的文本代表的是在当前h2元素的文本节点的内容,然后将光标移动到行末+Tab就生成了如下文本:
<ul>
<li class="item1">
<h2>this is test</h2>
</li>
<li class="item2">
<h2>this is test</h2>
</li>
<li class="item3">
<h2>this is test</h2>
</li>
<li class="item4">
<h2>this is test</h2>
</li>
<li class="item5">
<h2>this is test</h2>
</li>
<li class="item6">
<h2>this is test</h2>
</li>
<li class="item7">
<h2>this is test</h2>
</li>
<li class="item8">
<h2>this is test</h2>
</li>
<li class="item9">
<h2>this is test</h2>
</li>
<li class="item10">
<h2>this is test</h2>
</li>
</ul>
缩进粘贴
Ctrl + Shift + V
如何安装插件
- 安装package control
- 打开package Control