SublimeText使用笔记

阅读数:1165 发布时间:2016-05-09 10:18:03

作者:zzl005 标签: SublimeText 朱忠来005

快捷键

  1. Goto anything :Command + P
    @:列出函数、CSS选择器

  2. 多行游标:Command + D
    取消选中上一个Command + K 然后 Command + D

  3. 命令模式:Command + shift + P
    快速设置语法:set Syntax ...

  4. emmet 插件 :快速生成一段 HTML 模板 ,先输入 !然后再Control + E

  5. 在当前行下面添加新行 :Command + 回车
    在当前行上面添加新行 :Command + shift + 回车
  6. 缩进:增加缩进 或者 减小缩进Command + ]Command + [

  7. 粘贴过程保持缩进 :Command + shift + v
  8. 代码缩进: command + [,像左缩进,command + ],像右缩进
  9. 在当前行下面复制当前行:Command + shift +d,此时光标落在下面的那行
  10. 删除光标所在行(同时复制到剪贴板):Command + x

代码片段(snippets)

在Sublime Text中,可以自定义一些代码片段,用来减少重复代码的书写,比如一个基类的定义,一条数据库的操作,一段 api 的定义等等。

添加自己的 snippets 方法:Tools->Developer->New Snippet...,然后就会出现下面一段预定义的 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[
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.5);
     ]]>
     </content>
     <tabTrigger>cssshadow</tabTrigger>
     <description>一个CSS的阴影片段</description>
     <scope>text.html</scope>
</snippet>

上面的代码就是一个CSS阴影的代码片段。

以上就是 Sublime Text 中的 snippet 代码片段功能。

相关文章推荐: