关闭

sublime设置常用代码片段

来源:网络 文章列表 2019-07-13 8
首先打开:工具>插件开发>新建代码片段。我们将常用的代码片段写在${1},${2:aaa}为设置默认光标的位置,可以使用tab来切换,冒号后面为切过去默认的代码。hello 标签里为设置触发代码片段的触发词,trigger:为扳机,触发按钮的意思。

设置代码片段能够极大的提高我们的开发效率,,这篇文章就来写一下怎么在sublime中来设置常用的代码片段。设置的方法后和我们的格式化代码一样简单。我的编辑器装了汉化插件,就以我这个为例了。

首先打开:工具>插件开发>新建代码片段

点开新建代码片段之后,代码是这样的:

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>>
  • 我们将常用的代码片段写在<![CDATA[ 我们要写的代码 ]]>
  • ${1},${2:aaa}为设置默认光标的位置,可以使用tab来切换,冒号后面为切过去默认的代码
  • <tabTrigger>hello</tabTrigger> 标签里为设置触发代码片段的触发词,trigger:为扳机,触发按钮的意思。
  • scope是用来设置范围的,如可以设置只在html,css中生效。scope:为范围的意思。

如我设置之后的代码为:

<snippet>
    <content><![CDATA[
console.log(${1})
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>c</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

设置完成后crtl+s进行保存,默认的位置为

我们为了方便查看文件,新建一个snippets文件夹来保存设置代码片段的文件:

将文件保存在这个文件夹就可以了。

  • 值得注意的是文件的后缀必须为.sublime-snippet

这样,一个代码片段就设置完成了。c+tab就会出现我们设置的console.log()片段,并且光标的位置在括号里。

附:vue sublime代码片段

<snippet>
	<content><![CDATA[
<template>
  <div>

  </div>
</template>
<script>

export default {
  name: '',
  data () {
    return {

    }
  }
}
</script>
<style scoped>

</style>
]]></content>
<tabTrigger>vue</tabTrigger>
</snippet>

 

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论