首页 / JAVA / sublime text 3 添加 javascript 代码片段 ( snippet )

sublime text 3 添加 javascript 代码片段 ( snippet )

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了sublime text 3 添加 javascript 代码片段 ( snippet )，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1302字，纯文字阅读大概需要2分钟。

内容图文

例如：新建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
            <
            tabTrigger
            >co</tabTrigger> 5<!-- html file --> 6<!-- <scope>text.html</scope> --> 7<!-- css file --> 8<!-- <scope>source.css, source.less, source.scss, source.stylus</scope> --> 9<!-- js file -->10<scope>source.js</scope>11<description>console.log</description>12</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();

技术分享

 

注意：html和css、js的snippet 在<scope></scope>中的写法不一样，html是<scope>text.html</scope>，而js、css是<scope>source.js</scope>和<scope>source.css</scope>

 

原文：http://www.cnblogs.com/taodesign/p/5175712.html

内容总结

以上是互联网集市为您收集整理的sublime text 3 添加 javascript 代码片段 ( snippet )全部内容，希望文章能够帮你解决sublime text 3 添加 javascript 代码片段 ( snippet )所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1324480.html

来源：【匿名】