sublime 快捷开发技巧总结（私藏）

editor

快捷键

snippet

• 创建方法：Tools > New Snippet

这时你会看到如下代码：

<snippet>
     <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
     <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
     <!-- <tabTrigger>hello</tabTrigger> -->
     <!-- Optional: Set a scope to limit where the snippet will trigger -->
     <!-- <scope>source.python</scope> -->
</snippet>

• 下面是完整的结构和说明：

<snippet>
    <content><![CDATA[ 你需要插入的代码片段${1:name} ]]></content>
    <!-- 可选：快捷键，利用Tab自动补全代码的功能 -->
    <tabTrigger>xyzzy</tabTrigger>
    <!-- 可选：使用范围，不填写代表对所有文件有效。附：source.css和test.html分别对应不同文件。 -->
    <scope>source.python</scope>
    <!-- 可选：在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。 -->
    <description>My Fancy Snippet</description>
</snippet>

${1:place1} 表示代码插入后，光标所停留的位置，可同时插入多个。其中 :name 为自定义参数（可选）。
${2:place2} 表示代码插入后，按 Tab 键，光标会根据顺序跳转到相应位置（以此类推）。

创建完毕以后，保存在 sublime 的 \User 目录下（可以自己新建一个 snippet 文件夹和子文件夹），文件命名后缀为 .sublime-snippet。

• 如何加载代码片段
  
  1. 输入设定的 tabTrigger，Tab 触发
  2. 打开 Tools > Snippet，选择目标 Snippet
  3. ctrl+shift+p，输入 snippet 的名字等

gist

1. 安装 gist 插件；
2. github 上创建一个 access tokens；
3. 将 package setting > Gist > setting default 内的内容复制保存到 package setting > Gist > setting user 内，修改 tokens 字段值，保存即可；
4. 可在 Tools > gist 下查看具体的功能。
   
   

gist 快捷键：

插件快捷键

记不住快捷键？

没问题！直接使用 ctrl + shift + p 的控制面板可以调用一切插件与功能！！！

• Alignment（代码对齐）
  使用方法：选中要调整的行，然后按 Ctrl + Alt + A

• colorpicker（颜色拾取）
  使用方法：Ctrl + Alt + C

• DocBlockr（优雅注释）
  使用方法：在函数上方输入 /**，按 Tab，即可创建优雅地注释块

• HTMLBeautify（HTML美化）
  使用方法：在 HTML 文件内按 ctrl + alt + shift + f

• CSSLint（CSS审查）
  使用方法：保存 CSS 文件，按 Ctrl + Alt + C 即可

• JSFormat（JS代码格式化）
  使用方法：Ctrl + Alt + F

• PrettyJSON（JSON格式化）
  使用方法：Ctrl + Alt + J

其他编辑技巧

• 多行排序：Edit > sort(sort lines) | F9 | ctrl+F9
  功能：按照 ASCII 字符表的顺序对多个行进行排序，可选择大小写敏感（ctrl+F9）

• 其他排序：Edit > permute

  1. 反序 reserve
  2. 随机排序 shullfe

• 快速删除一个单词

  1. 删除光标前一个：Ctrl + Backsapce
  2. 删除光标后一个：Ctrl + Delete

• 前后字母顺序调换：Ctrl + T

• 查找小技巧

  1. Ctrl + F 先调出查询栏；
  2. F3 查找下一个，shift + F3 查找上一个；
  3. Alt + F3 选中所有的查找结果。

• 快速计算算式：ctrl + shift + y

End

附加资源：Sublime 壁纸