SublimeText3 snippet 编写总结

SublimeText的snippet定义功能也十分强大, 类似VAssist.

在菜单tool->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>

在 <content><![CDATA[  和  ]]></content>之前为要定义的内容块,

在 <tabTrigger>  与  </tabTrigger> 之间定义快捷名称,

在 <scope>  与  </scope> 之间定义该snippet作用的文件类型.

例如当需要输入html5这几个字符后按tab, 自动提示要输入的代码片段:
下面是我的html5 snippet

<snippet>
<content><![CDATA[
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>${1}</title>
</head>
<body>
    <header>
        Hello, ${1:this} is a ${2:snippet}!
    </header>

<nav>${3:nav}</nav>

<article>
        <section>${4:section}</section>
    </article>

<aside>${5:aside}</aside>

<footer>${6:footer}</footer>
</body>
</html>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>html5</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>index.html</scope>
</snippet>

编写好此文件后ctrl+s保存,此时会弹出默认的保存路径, 一般是..\Data\Packages\User下,

文件后缀名必须是.sublime-snippet。

我这里保存为html5.sublime-snippet或者您可以保存为其他的名称.

同一个snippet只能有一个。

${1}表示补全光标默认停留的位置, 编辑${1}完成后按tab可以跳转到${2}的位置,

this表示2处默认内容,完成${2}后,按tab之后会选中${3:snippet},同理以此类推。

关于<scope>,这里是官方定义的内容,如下:

ActionScript: source.actionscript.2
AppleScript: source.applescript
ASP: source.asp
Batch FIle: source.dosbatch
C#: source.cs
C++: source.c++
Clojure: source.clojure
CoffeeScript: source.coffee
CSS: source.css
D: source.d
Diff: source.diff
Erlang: source.erlang
Go: source.go
GraphViz: source.dot
Groovy: source.groovy
Haskell: source.haskell
HTML: text.html(.basic)
JSP: text.html.jsp
Java: source.java
Java Properties: source.java-props
Java Doc: text.html.javadoc
JSON: source.json
Javascript: source.js
BibTex: source.bibtex
Latex Log: text.log.latex
Latex Memoir: text.tex.latex.memoir
Latex: text.tex.latex
LESS: source.css.less
TeX: text.tex
Lisp: source.lisp
Lua: source.lua
MakeFile: source.makefile
Markdown: text.html.markdown
Multi Markdown: text.html.markdown.multimarkdown
Matlab: source.matlab
Objective-C: source.objc
Objective-C++: source.objc++
OCaml campl4: source.camlp4.ocaml
OCaml: source.ocaml
OCamllex: source.ocamllex
Perl: source.perl
PHP: source.php
Regular Expression(python): source.regexp.python
Python: source.python
R Console: source.r-console
R: source.r
Ruby on Rails: source.ruby.rails
Ruby HAML: text.haml
SQL(Ruby): source.sql.ruby
Regular Expression: source.regexp
RestructuredText: text.restructuredtext
Ruby: source.ruby
SASS: source.sass
Scala: source.scala
Shell Script: source.shell
SQL: source.sql
Stylus: source.stylus
TCL: source.tcl
HTML(TCL): text.html.tcl
Plain text: text.plain
Textile: text.html.textile
XML: text.xml
XSL: text.xml.xsl
YAML: source.yaml

时间: 2024-08-25 15:29:16

SublimeText3 snippet 编写总结的相关文章

sublime text3 之snippet编写代码片段

sublime text 3 中有个强大的功能就是可以编写各种文件类型的snippet代码片段,可以节省大量的时间. 文件名为:jekyll-top.sublime-snippet(.sublime-snippet)后缀必须这样 <snippet> <content><![CDATA[/** * author:qinbb * title:智能推荐${1:标题} */ ${2}]]></content> <!-- Optional: Set a tabT

vim-snipmate编写snippet的语法

vim-snipmate真的很好用,以前好多编写代码的问题得到完美的解决.还附带提升我对vim的理解和信心,在这里感谢一下作者.thank you. 1.现说一下我浓缩的重要语法. 1.定义是下面这样,注意中间必须是一个制表符<TAB>不能用空格代替. snippet<TAB>关键字 代码片段 2.变量.${#},#代表变量数值,从1开始.还可以添加默认值.例如:${1:true},${2:/*condition*/},${3},${4:data},${5}等等.每按一次<T

【APICloud】利用sublimetext3编写apicloud

下载sublime text 3 安装插件 使用模糊搜索apicloud有三个插件全部下载下来 安装海马玩模拟器,这是一个安卓的模拟器,进入官网下载后直接安装就可以了. 打开sublime text 3和海马玩模拟器,右键创建APICloud项目,使用快捷键:Ctrl+R,它会自动在模拟器上进行安装APPLoader. 更多具体资料

【JavaScript】【译】编写高性能JavaScript

英文链接:Writing Fast, Memory-Efficient JavaScript 很多JavaScript引擎,如Google的V8引擎(被Chrome和Node所用),是专门为需要快速执行的大型JavaScript应用所设计的.如果你是一个开发者,并且关心内存使用情况与页面性能,你应该了解用户浏览器中的JavaScript引擎是如何运作的.无论是V8,SpiderMonkey的(Firefox)的Carakan(Opera),Chakra(IE)或其他引擎,这样做可以帮助你更好地优

手把手教你写Sublime中的Snippet

手把手教你写Sublime中的Snippet Sublime Text号称最性感的编辑器, 并且越来越多人使用, 美观, 高效 关于如何使用Sublime text可以参考我的另一篇文章, 相信你会喜欢上的..Sublime Text 2使用心得 现在介绍一下Snippet, Snippets are smart templates that will insert text for you and adapt it to their context. Snippet 是插入到文本中的智能模板并

善用VS中的Code Snippet来提高开发效率

http://www.cnblogs.com/anderslly/archive/2009/02/16/vs2008-code-snippets.html http://www.cnblogs.com/jaic-xiao/archive/2008/10/14/Jie_Shao_Net_Gong_Ju_Code_Snippet_Yu_Sql_Server_2008_Gong_Ju_SSMS_Tools_Pack.html 前言 在谈谈VS中的模板中,我介绍了如何创建项目/项模板,这种方式可以在创建

使用 Code Snippet 简化 Coding

在开发的项目的时候,你是否经常遇到需要重复编写一些类似的代码,比如是否经常会使用 for.foreach ? 在编写这两个循环语句的时候,你是一个字符一个字符敲还是使用 Visual Studio 提供的Code Snippet 工具自动帮你生成呢? 神奇之处 你只需要在代码编辑器中输入for,就会看到 Visual Studio 的自动提示框中出现了如下红框框起来的部分,这个时候只需要连按两下 tab 键,便会自动补全 for 循环语句(如图2所示),并且默认选中索引,以便你进行修改. 图 1

sublime text 之snippet功能的使用

sublime text 小巧而功能强大,有着好看的外观,被誉为世界上最“性感”的IDE.sublime text也是本小白在最近的学习和做项目当中最常使用的IDE.小巧且功能强大,对于开发前端以及小型项目来说绰绰有余. 但对于诸多功能,本白也是通过网上的一些大神笔记以及官网上的一些功能才了解并使用到的.最近习得的功能中,其中一个叫snippet的小功能让人觉得很有意思.于是乎,本白决定以此文记录一下使用的过程,以便不时之需. 以下进入正文: 安装sass snippet插件 (支持该功能的插件

django RESTful研究一第一个测试例子(用序列化器编写原生的Django视图函数)

让我们看看通过 Serializer 类怎样来编写 API 的视图函数,现在我们不会使用 REST 框架中的特性,仅仅写原生的Django视图函数. 一.我们创建一个 HttpResponse 的子类,用来将任何数据转换成 JSON格式. 编辑snippets/views.py,如下: from django.http import HttpResponse from django.views.decorators.csrf import csrf_exempt from rest_framew