关于 sublime snippet

sublime text 3 是真的好用啊!

snippet 可以自定义你的代码片段,也就是相当于代码补全的功能,个人感觉非常的 nice 。

首先,通过 Tools -> Developer -> New Snippet 建立一个新的程序,会出现下面代码:

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>

第 3 行是自定义的代码片段,第 6 行内填引发代码片段的字符串,在第 8 行是触发该片段的语言环境。

实例:

 1 <snippet>
 2     <content><![CDATA[
 3 #include <set>
 4 #include <map>
 5 #include <queue>
 6 #include <vector>
 7 #include <stdio.h>
 8 #include <iostream>
 9 using namespace std;
10
11 ${1}
12
13 int main(void)
14 {
15     ${2}
16     return 0;
17 }
18 ]]></content>
19     <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
20     <tabTrigger>start</tabTrigger>
21     <!-- Optional: Set a scope to limit where the snippet will trigger -->
22     <!-- <scope>source.python</scope> -->
23     <!-- Optional: Description to show in the menu -->
24     <description> your programming travel !</description>
25 </snippet>

补充:

在上面实例中有一些其他的东西:

1. 在第 24 行,这一段是片段说明,如果没有的话默认是文件名

2. ${一个数字} 这个的作用是现实光标的位置,通过 TAB 键来切换到下一个位置。

原文地址:https://www.cnblogs.com/A4paper/p/10341191.html

时间: 2024-11-06 23:37:06

关于 sublime snippet的相关文章

求助sublime snippet

单个文件多个snippets不能生效?求助! 文件保存路径:F:\work\sublime\Data\Packages\User\completions\xp.sublime-completions 代码如下: { "scope": "source.js", "completions": [ { "trigger": "xpc1", "hack\nhack..." }, { "

Sublime Text-Snippet的使用

文章最初发表于szhshp的第三边境研究所转载请注明 Sublime Snippet 从大二开始就一直使用Sublime Text到现在,各方面都还满意,也尝试过使用Atom和其他的IDE依然感觉没有ST顺手. 正常情况插件里面已经包含了所有你需要的Snippet,但是偶尔会有没有插件里面没有覆盖到的部分. 然后日常开发一直在用某偏门语言(ノ▼Д▼)ノ,并且几年前对应的扩展插件就已经停止维护了,因此很多的关键字都没能进行Snippet引用. 怎么办? 废话!自己写! 新建Snippet 首先新建

Vue.js 系列教程 4:Vuex

原文:intro-to-vue-4-vuex 译者:nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第四部分.在这一部分,我们会学习使用 Vuex 进行状态管理.这个系列教程并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途. 系列文章: 渲染, 指令, 事件 组件, Props, Slots Vue-cli Vuex (你在这!) Animations Vuex 如果你错过了关于组件及 Vue-cli 的部分,在阅读本篇文章之前应该先读读

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中的Snippet

手把手教你写Sublime中的Snippet Sublime Text号称最性感的编辑器, 并且越来越多人使用, 美观, 高效 关于如何使用Sublime text可以参考我的另一篇文章, 相信你会喜欢上的..Sublime Text 2使用心得 现在介绍一下Snippet, Snippets are smart templates that will insert text for you and adapt it to their context. Snippet 是插入到文本中的智能模板并

sublime text 之snippet功能的使用

sublime text 小巧而功能强大,有着好看的外观,被誉为世界上最“性感”的IDE.sublime text也是本小白在最近的学习和做项目当中最常使用的IDE.小巧且功能强大,对于开发前端以及小型项目来说绰绰有余. 但对于诸多功能,本白也是通过网上的一些大神笔记以及官网上的一些功能才了解并使用到的.最近习得的功能中,其中一个叫snippet的小功能让人觉得很有意思.于是乎,本白决定以此文记录一下使用的过程,以便不时之需. 以下进入正文: 安装sass snippet插件 (支持该功能的插件

sublime自定义snippet代码片段

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

Sublime Text 3自定义snippet

Sublime Text支持自定义代码段,方法很简单,但是很有用,一个关键词,按一下tab,一大段代码就出来了. 1.菜单 Tools -> New Snippet... 2.这时会有一个模板文件,修改就可以了. <snippet> <content><![CDATA[ Hello, ${1:this} is a ${2:snippet}. ]]></content> <!-- Optional: Set a tabTrigger to defi

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