sublimi 自定义快捷代码

选择打开tools ->developer->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> -->不同类型文件名在scope里用逗号分隔;如: text.html,source.php
</snippet>

将红色的代码替换成你想要快捷生成的代码

<snippet>
<content>
<![CDATA[
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>${1:site title}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<link href="" rel="stylesheet">

<script src="" type="text/javascript"></script>
<style>
${2}
</style>
</head>

<body>

${0}

</body>
</html>
]]>

</content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>myhtml</tabTrigger><!-- 触发该短代码段的输入文字 -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>text.html,source.php</scope><!--定义在那些文件中生效-->
</snippet>

保存在user文件夹一般保存会弹出默认的保存地址C:\用户\计算机用户名\AppData\Roaming\Sublime Text 3\Packages\User;保存格式:文件名.sublime-snippet

在html输入myhtml 在按tab键自定义的代码就出现啦!

${1:site title}  表示光标第一次停留的位置并且默认选中site title

${2}光标第二次停留的位置(即地二次按tab键)

${0}光标最后停留的位置

<scope>text.html,source.php</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-11-10 12:01:42

sublimi 自定义快捷代码的相关文章

快捷代码

1. 打开新的窗口并传送参数:    传送参数:response.write("<script>window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')</script>") 接收参数:string a = Request.QueryString("id"); string b = Request.QueryS

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

phpstorm 强大的活动模板 可以自定义注释,代码段,根据cms订制自动提示

http://jingyan.baidu.com/article/8275fc86badd6346a03cf6aa.html [PHP] phpstorm的使用(1) http://v.youku.com/v_show/id_XNTY0MzE3NDI4.html (20分钟之后的视频内容讲的非常有用) PhpStorm设置代码碎片Snippets 百度经验http://jingyan.baidu.com/article/8275fc86badd6346a03cf6aa.html phpstorm

自定义sublime代码片段

sublime text 已经有一些他们内置的一些代码片段,但是有时候,这些并不能满足我们,这就需要我们自定义一些代码片段. 步骤如下: 1.打开sublime text 2.选择 tools -> new snippet 就会打开一个未命名的文件,代码如下: <snippet> <content><![CDATA[ Hello, ${1:this} is a ${2:snippet}. ]]></content> <!-- Optional:

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

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

自定义markdown代码高亮显示-cnblog

这个代码高亮..一点儿都不高亮...... cnblog里已经有闻道先者贴出代码了, https://www.cnblogs.com/liutongqing/p/7745413.html 效果大概是这样的: 然后自己做了一些自定义修改: <style> .hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-tag { color: #569CD6; } .hljs-string, .hljs-type, .hl

VS Code中自定义Emmet代码片段

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

自定义java代码快捷生成器使用与问题解决

对于很多的工作了有几年的开发人员来说,初期都是逐个单词语法的自己编写的.而一旦技术水平提高了到了一定的层次之后,在同时工作量的加大,要求我们必须加快提高工作效率.因此就可以利用必要的快捷开发手段和工具,从而辅助我们的工作进行.这里就给大家介绍一个快速生成java程序代码的工具使用方法,具体的步骤如下: 1.首先我们下载工具和具体的说明,下载地址:java快捷代码生成器: 2.下载下来之后,解压会看到有个hsqldb文件里面有个hsqldb.jar,把这个jar包放到自己可以找到目录里面,具体参考