Sublime Text3 自定义快速生成代码
来源:互联网 发布:dj java decompiler 编辑:程序博客网 时间:2024/05/18 01:20
对于工作中,需要经常敲的代码。我们可以自定义代码段,来快速生成,避免重复无意义的工作。
依次打开 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 去定义如何触发代码段 <!-- <tabTrigger>hello</tabTrigger> --> //官方给出了这样的例子:<tabTrigger>hello</tabTrigger> <!-- Optional: Set a scope to limit where the snippet will trigger --> //选项: 为该代码段设置一个能够触发代码段的区域。 <!-- <scope>source.python</scope> --> //官方例子:<scope>source.python</scope> 在phthon文件里触发</snippet>
我们只需要把定义的代码段写在 ![CDATA[ ]]
里面即可。
这里${1: }
表示的是生成代码段之后光标定位的位置 , 如果你有多个${2: }
,数字依次往下排,摁Tab/Enter光标可以切换到下一个区域。
下面是一个 用 cl 触发 console.log() 并且在()里输入代码的示例。
<snippet> <content> <![CDATA[ console.log( ${1: }); ]]> </content> <tabTrigger>cl</tabTrigger> <scope>source.js</scope></snippet>
设置完成 Ctrl + s, 保存,这里我们把这个文件保存为: console.sublime-snippet
sumlime Text会默认把该文件存放在 /Packages/User 目录下。
文件必须以.sublime-snippet为扩展名,否则Sublime Text将不能识别该代码段。
这样写js的时候输入 cl ,就会出现如下提示:
再敲下 Tab/Enter 就可以了。
阅读全文
0 0
- Sublime Text3 自定义快速生成代码
- sublime text3快速生成html文件头
- sublime text3快速生成html头部信息
- sublime text3快速生成svg相关结构
- sublime text3快速生成html头部信息
- sublime text3---快速生成H5快捷键
- sublime-text3-自定义代码补全
- 使用sublime text3快速生成HTML头部信息
- sublime text3自定义快捷键
- sublime text3自定义快捷键
- sublime text3---Emmet:HTML/CSS代码快速编写神器
- sublime text3---Emmet:HTML/CSS代码快速编写神器
- sublime text3---Emmet:HTML/CSS代码快速编写神器
- 快速安装Sublime Text3插件
- sublime text3 安装自定义主题
- sublime text3 自定义配色方案
- sublime text3 格式化html代码
- Sublime text3 添加代码片段
- Comment.js模块暴露方法(exports、module.exports)的区别
- 第一天打卡,linux学习
- Android Studio使用gradle打包jar文件脚本:
- String.split
- 获取的网络图片圆角后 放入 Button 中
- Sublime Text3 自定义快速生成代码
- 同等学力是什么意思?
- Verilog中parameter、reg和wire区别
- eclipse使用tomcat遇到的问题
- process thread
- C# DateTime日期格式化
- Java虚拟机 (JVM)运行机制_动力节点Java学院整理
- 221. Maximal Square (最大正方形)
- 递归总结