自定义sublime代码片段

sublime text 已经有一些他们内置的一些代码片段,但是有时候,这些并不能满足我们,这就需要我们自定义一些代码片段。

步骤如下:

1、打开sublime text

2、选择 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> --> <!-- <description>my snippet</description>
</snippet>

  解释如下:

  <![CDATA[ 和 ]]> 中间则是要输出的代码片段,中间的 ${1:this} 中的this是当前 ${1}位置默认用this,按tab键会切换到 ${2}处,依次类推。同一个 ${num}可以出现多次。

  tabTrigger 可选,触发该片段的字符串,比如下面用hello触发该片段,在页面输入hello按tab就会输出 <![CDATA[ 和 ]]> 中间的字符串

  scope 可选,设置该代码片段对什么类型的文件生效,不设置,则对所有类型生效。比如下面设置对html和js生效,在css下面输入 hello按tab不会有其他任何输出。过个代码片段用逗号(,)隔开。

  description 可选,设置该片段的说明,不定义,则显示文件名称。

现在我们来创建一个自己的代码片段吧:

<snippet>
     <content>
     <![CDATA[
     <footer>
          <p>Copyright © 2012 ${1:feige}.com</p>
          <p>增值电信业务经营许可证 赣A2-${2} <a href="#">赣ICP备号${3}</a></p>
     </footer>
     ]]>
     </content>
     <tabTrigger>cft</tabTrigger>
     <description>custom-footer</description>
     <scope>text.html,source.js</scope>
</snippet>

  创建完毕以后,保存在\Packages\User目录下(例C:\Users\[用户]\AppData\Roaming\Sublime Text 2\Packages\User\),后缀名.sublime-snippet。

  重启sublime text 2,该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
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
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
Scala: source.scala
Shell Script: source.shell
SQL: source.sql
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-10-27 07:52:26

自定义sublime代码片段的相关文章

sublime自定义snippet代码片段

相信很多人喜欢sublime编辑工具有两个原因:第一sublime很轻巧方便:第二sublime提供很多自定义拓展功能,包括很简单且和很好用的代码片段功能snippet文件. 今天,在这里就介绍下sublime如何自定义各种代码片段,先来感受一下效果: 上面看到的是我用sublime初始化一个html文件的操作gif,相信这是很多人在新项目必经的步骤.而我里面不同的时,不需要任何复制,只需几秒钟就完成整个初始化的工作,这就是sublime的魅力之一:代码片段snippet. 下面我就拿上面的动画

关于UITabBar各部分自定义的代码片段

一.自定义TabBar选项卡背景默认UITabBarController的TabBar背景是黑色的,如何自定义成背景图片呢? UITabBarController *tabBarController = [[UITabBarController alloc] init]; // 获取选项卡控制器视图的所有子视图,保存到一数组中 NSArray *array = [tabBarController.view subviews]; // 索引值为1的应该就是TabBar UITabBar  *tab

VS code自定义用户代码片段snippet

打开VS code,“文件-首选项-用户代码片段-选择新建全局代码片段文件 “ 属性介绍:prefix   就是你自定义的快捷键 body    就是你自定义的代码片段 description 就是这段代码的注释 demo :  { "Print to console": { "prefix": "nodes", "body": [ "const http = require('http')", "

VS Code中自定义Emmet代码片段

原文:https://blog.csdn.net/zjthorse/article/details/83048869 vscode中内置了Emmet的扩展,这让我们在写网页代码时方便了很多,但是有时我们也需要自定义一些Emmet的代码片段来实现一些特殊代码的生成,比如:自动导入一些来自CDN的js或css样式(Bootstrap.jQuery等)文件. 那么在vscode中如何来添加Emmet的自定义snippets呢? 首先我们需要创建一个snippets.json的文件,在该文件中输入以下代

sublime代码片段

创建方法: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 -->      <!-- <tabT

如何使用sublime代码片段快速输入PHP头部版本声明

Sublime 菜单栏->Tools→New Snippet→输入以下内容: <snippet> <content><![CDATA[ <?php // vim: set expandtab cindent tabstop=4 shiftwidth=4 fdm=marker: // +----------------------------------------------------------------------+ // | The CompanyNam

iOS开发 偷懒小技巧---自定义XCode代码片段

有句话说的好,聪明的程序员懂得"偷懒"来提升开发效率.我们在日常开发中,有一些代码片段会经常利用到,大家可能会觉得定义一些宏可以解决问题,但是遇到比如,UITableView的协议方法,或者写Demo时候想要快速的定义一个UIButton(当然,你用storyboard除外)呢? 好吧,先来介绍下什么是代码片段? 我们在XCode中输入if,选择ifelse后回车,出现 这个就是系统给我们已经定义好的代码片段,能够快速的完成我们想要的代码片段,来大大的提升程序员的编程效率,我们所要做的

在Xcode中使用自定义的代码片段提高效率

拖动代码的时候按住option键,很难拖,注意方法:< 引用于:http://www.2cto.com/kf/201409/336245.html

sublime代码片段功能

tools - > developer - > new snippet有了这个,你就可以通过iu这两个键,直接弄出自己的模板了,这就很方便了,不用在复制粘贴了.上是代码模板,下面是快捷键,< tabTrigger > iu < / tabTrigger > 这就代表你的快捷键是iu. <snippet> <content><![CDATA[ #include <bits/stdc++.h> using namespace std