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 tabTrigger to define how to trigger the snippet -->
<tabTrigger>top</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>text.html.markdown</scope>
</snippet>

上面代码中,<content></content>是编写的代码块,<tabTrigger></tabTrigger>中的是tab键的触发词,<scope></scope>是作用的文件类型。

当你点击ctr+shift+p:输入snippet就会显示你写的代码块:

点击你的html页面就会输出你定义的代码块:

关于<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-09-30 20:05:39

sublime text3 之snippet编写代码片段的相关文章

如何实现Sublime Text3快速生成html代码

第一种方式: 1.打开Sublime Text3,按下ctrl+shift+p,输入Package Control:Install Package 2.等待自行下载成功后,会弹出一个对话框,输入emment进行下载 3.下载成功后,输入!或者html:5,按下ctrl+e <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g

sublime text 3 添加 javascript 代码片段 ( snippet )

例如:新建console.log();的快捷键为 co 环境:windows 7 step1: Tools -> New Snippet 1 <snippet> 2 <content><![CDATA[consloe.log(${1:this});]]></content> 3 <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> 4 <tab

Xampp+Chrome+Sublime Text3+Xdebug调试PHP代码

===========xampp安装与xdebug配置 1. 下载安装xampp5.5或最新版本 2.  修改%xampp%/php/php.ini中的[XDebug]节点,取消注释(移出行首的 ; 字符) 3. 点击xampp control中的 admin,查看phpinfo如下 ===========chrome的xdebug扩展安装 1. 安装最新的chrome 2. 安装xdebug扩展插件 https://chrome.google.com/webstore/detail/xdebu

在Sublime Text3中运行PHP代码

一.前言 最近由于工作需要要与第三方系统对接,另外由于文档中关于其中几个接口就只有很简单的描述,弄了半天都没有弄成功.跟第三方负责的人沟通后还是没有找到具体问题出在哪里,另外因为他们没有开发人员懂.net的,所以也只能提供php的代码,而我本人之前也只简单地看过php的语法,对php也不是很了解,所以发过来的代码也只是大概看得懂,具体一些关键代码运行效果也是怎样的就不知道了,所以要把php翻译成C#代码的难度也可想而知.但如果能知道那些关键代码的运行效果,那就容易多了,但对于就只懂一些基本的ph

Sublime Text3括号配对与代码包围效果BracketHighlighter

就这么看json等配置文件,太难了,我们需要括号匹配插件BracketHighlighter,但是装完以后只有下划线提示不明显,需要配置 ? ? Bracket Settings-Default 文件不能修改,只能修改Bracket Settings-User,复制以下设置: "bracket_styles": { // "default" and "unmatched" styles are special // styles. If they

sublime 3 使用Snippets创建代码片段

选择菜单 Tools -> new snippet... <snippet> <content><![CDATA[ some code write here '${1:highlight}' ]]></content> <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> <tabTrigger>tt</tabTrigger>

sublime Text3 如何自动排版代码

安装 html beautiful 然后按ctrl+shift+alt+f

Python snippet(代码片段)

一.字典访问 dict = {"age":18,"weight":65} print(dict.get("age"))print(dict.get("height")) # 由于字典dict中没有height这个键,返回的是默认值None. print(dict.get("height",0)) # 将默认值改为0,输出结果为0 和dict[key]的区别: dict.get(key)和dict[key]在

如何在Sublime Text中添加代码片段

我们在编写代码的时候,总会遇到一些需要反复使用的代码片段.这时候就需要反复的复制和黏贴,大大影响效率.我们利用Sublime Text的snippet(代码片段)功能,就能很好的解决这一问题.通俗的讲,就是把我们常用的代码分别保存起啦,然后通过插件的形式来反复调用. 创建方法:Tools (工具)> New Snippet(新片段) 此时,会出现如下代码: <snippet> <content><![CDATA[ Hello, ${1:this} is a ${2:sn