Sublime Text3自定义代码片段

1.打开工具--插件开发--新建代码片段

会出现下图:

2.在<![CDATA[和]]>内写下你要的代码片段,注意的是代码片段要靠最左边。

3.设置快捷键,把下面tabTrigger标签的注释打开,中间的h就是你的快捷键。

4.Ctrl+s保存。名字随便起,但是后缀名必须是.sublime-snippet

5.新建一个页面index.html,在index中输入一个h,然后按Tab键,就出现你设置的代码片段了。

感兴趣的小伙伴赶快去实践一下吧!

时间: 2024-08-26 04:48:49

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

sublime text3 增加代码片段(snipper)

有时候编写代码时有些代码片段经常会用到,如果能将这些代码片段整理,再在需要的时候通过某些条件触发,那无疑是非常方便的! 创建方法:工具->插件开发->新建代码片段 默认产生的内容是: 1 <snippet> 2 <content><![CDATA[ 3 Hello, ${1:this} is a ${2:snippet}. 4 ]]></content> 5 <!-- Optional: Set a tabTrigger to define

sublime text 2自定义代码片段

本文引用   http://www.blogjava.net/Hafeyang/archive/2012/08/17/how_to_create_code_snippet_in_subline_text_2.html 对于前端工程师来讲,写一个html页面的基本结构是体力活,每次去拷贝一个也麻烦,sublime text 2 提供了一个很好的复用代码片段.下面介绍一下创建一个html5的代码片段的过程. 在菜单上点击Tools -> New Snippet,(工具->代码段)会新建一个xml文

Sublime Text Snippets(代码片段)

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

sublime text3 添加新片段

1.tools->developer->new snippet 要介绍一下snippet四个组成部分: content:其中必须包含<![CDATA[-]]>,否则无法工作, Hello, ${1:this} is a ${2:snippet}.用来写你自己的代码片段 tabTrigger:用来引发代码片段的字符或者字符串, 比如在以上例子上, 在编辑窗口输入hello然后按下tab就会在编辑器输出Type your snippet here这段代码片段 scope: 表示你的代码

Sublime Text3自定义全部字体大小、字体类型和背景颜色

一.定义侧栏的背景颜色.字体大小和间距 Sublime Text3的Afterglow主题链接为:https://github.com/YabataDesign/afterglow-theme 1.按键:ctrl+shift+p,弹出窗口中输入pro,选择图中的PackageResourceViewer:Open Resource. 2.在新窗口输入th,选中安装的主题,我个人安装的是Theme - Afterglow,就以Theme - Afterglow主题为例,其它主题类似. 3.在下拉列

SQL Prompt自定义代码片段

新增代码片段: 代码片段管理: 代码片段中可以使用以下占位符:详见参考: $DATE$ 插入当前日期. $TIME$ 插入当前时间 $USER$ 插入当前电脑的用户名 $PASTE$ 插入剪切板内容 $DBNAME$ 插入链接数据库名 使用: 参考:http://documentation.red-gate.com/display/SP6/Managing+snippets#Managingsnippets-Usingplaceholders

VS 2013 中如何自定义代码片段

1.菜单 工具->代码段管理器 2.选择语言 3.使用工具Snippet Editor创建代码片段导入即可 参考:http://blog.csdn.net/oyi319/article/details/5605502

vscode自定义代码片段

{ // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope // is left empt

一个前端程序猿的Sublime Text3的自我修养

来源于:http://guowenfh.github.io/2015/12/26/SublimeText/ 详细设置 && 20+插件 本文章会在本人有插件或者设置更新时,进行不定时更新 2015-12-31更新:NO. 21 侧边栏同步编辑窗口底色插件.2016-04-06更新:代码片段:better-completions:主题:Material,Seti_UI:代码格式化:HTML-CSS-JS Prettify:vue语法高亮:Vue Syntax Highlight:Termin