Sublime Text 2插件的安装和快捷方式总结

来源:互联网 发布:淘宝开放平台架构 编辑:程序博客网 时间:2024/05/20 09:11

自动换行

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