sublime text 3 添加 javascript 代码片段 ( snippet )
2016-02-01 16:43
831 查看
例如:新建console.log();的快捷键为 co
环境:windows 7
step1:
Tools -> New Snippet
第二行里的 ${1:this} 代表光标1所在位置,多个值:比如css的padding:${1:this} ${2:this} ${3:this} ${4:this};
tabTrigger:触发词
scope:文件格式,多个用半角逗号隔开
description:显示在提示右边的描述
step2:
保存文件为 C:\Users\yourname\AppData\Roaming\Sublime Text 3\Packages\User\test.sublime-snippet
这个文件夹即package所在文件夹,Preferences -> Browse Packages 然后下面的user文件夹,一定要存为 .sublime-snippet 后缀
step3:测试
打开或新建一个js文件,输入"co",然后按tab键,即可快捷输入 console.log();
![](http://images2015.cnblogs.com/blog/2700/201602/2700-20160201163448554-2005416392.jpg)
注意:html和css、js的snippet 在<scope></scope>中的写法不一样,html是<scope>text.html</scope>,而js、css是<scope>source.js</scope>和<scope>source.css</scope>
环境:windows 7
step1:
Tools -> New Snippet
<snippet> <content><![CDATA[consloe.log(${1:this});]]></content> <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> <tabTrigger>co</tabTrigger> <!-- html file --> <!-- <scope>text.html</scope> --> <!-- css file --> <!-- <scope>source.css, source.less, source.scss, source.stylus</scope> --> <!-- js file --> <scope>source.js</scope> <description>console.log</description> </snippet>
第二行里的 ${1:this} 代表光标1所在位置,多个值:比如css的padding:${1:this} ${2:this} ${3:this} ${4:this};
tabTrigger:触发词
scope:文件格式,多个用半角逗号隔开
description:显示在提示右边的描述
step2:
保存文件为 C:\Users\yourname\AppData\Roaming\Sublime Text 3\Packages\User\test.sublime-snippet
这个文件夹即package所在文件夹,Preferences -> Browse Packages 然后下面的user文件夹,一定要存为 .sublime-snippet 后缀
step3:测试
打开或新建一个js文件,输入"co",然后按tab键,即可快捷输入 console.log();
![](http://images2015.cnblogs.com/blog/2700/201602/2700-20160201163448554-2005416392.jpg)
注意:html和css、js的snippet 在<scope></scope>中的写法不一样,html是<scope>text.html</scope>,而js、css是<scope>source.js</scope>和<scope>source.css</scope>
相关文章推荐
- MVC的JsonResult用法
- 再谈javascript原型继承
- js获取服务端的头信息
- JavaScript 调用PHP
- javascript 开发调试的利器(二) 获取当前执行函数及函数名称
- JS敏感信息泄露:不容忽视的WEB漏洞
- 在一个JS文件中引用另一个JS文件
- JavaScript面向对象
- JavaScript面向对象
- BZOJ 1015 JSOI2008 星球大战 逆向回代法+并查集
- js笔记
- extjs 上传文件或是图片后返回json解析错误
- JavaScript检测实例属性, 原型属性
- 将JSON格式化输出为模型的属性
- javascript 变量转义
- ../gems/json-1.8.0/lib/json/common.rb:67: [BUG] Segmentation fault
- Thrift的TJsonProtocol协议分析
- js获取fck内容
- javascript_词法结构
- Arcgis for javascript map操作addLayer具体解释