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 how to trigger the snippet -->
6     <!-- <tabTrigger>hello</tabTrigger> -->
7     <!-- Optional: Set a scope to limit where the snippet will trigger -->
8     <!-- <scope>source.python</scope> -->
9 </snippet>

其中"Hello,"是鼠标光标前的代码;"this"是鼠标光标开始时选择的代码块,"snippet"是我们按下tab键时,鼠标光标跳转选择的代码块。

<tabTrigger>hello</tabTrigger>意思是按下hello键,会触发我们的代码块。

<scope>source.python</scope>意思是代码片段在什么文件下适用,不填写默认为所有文件下都会触发。

这是一个小例子(编写完保存即可):

当输入script时,鼠标光标右方会出现javascript-outer的选项,当选中时,就会出现<script type="text/javascript" src=""></script>的代码片段。此时鼠标光标停留在双引号内。

可参考链接:如何在Sublime Text中添加代码片段

时间: 2024-08-27 23:44:41

sublime text3 增加代码片段(snipper)的相关文章

Sublime Text3自定义代码片段

1.打开工具--插件开发--新建代码片段 会出现下图: 2.在<![CDATA[和]]>内写下你要的代码片段,注意的是代码片段要靠最左边. 3.设置快捷键,把下面tabTrigger标签的注释打开,中间的h就是你的快捷键. 4.Ctrl+s保存.名字随便起,但是后缀名必须是.sublime-snippet 5.新建一个页面index.html,在index中输入一个h,然后按Tab键,就出现你设置的代码片段了. 感兴趣的小伙伴赶快去实践一下吧!

sublime text3 增加emmett插件

本内容基于Windows环境)一.已安装有Sublime Text3 二.安装Package Control    安装这个后,可以在线安装所需的插件    方法1.Ctrl+~打开控制台,在控制台输入如下的Python命令import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.

sublime自定义snippet代码片段

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

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的自我修养

来源于: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

Sublime Text3 安装和简单实用

在前端开发的过程中,编辑器是必须要用的,前辈们留给我们很多优秀的编辑器.notepad++.editPlus.Emacs不太适合前端开发,vim学习成本太高,brackets我并不觉得好用,还有微软最近出的Visual Studio Code.就前端范围来讲webstrom绝对是个利器,但毕竟软件太大,很多电脑跑起来有点费力,另一个就是大名鼎鼎Sublime Text,现在已经升级到第三版了.我就记下来吧! Mooc有一个很好的Sublime编辑器使用教程,有时间可以看看!地址:http://w

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

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

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