四时宝库

程序员的知识宝库

前端编辑器:如何在sublime text3中快速创建模板?以Vue模板举例

链接:https://www.jianshu.com/p/54f7a2f9b30d

1.安装SublimeTmpl模板

ctrl+shift+p

输入sublimeTmpl,安装sublimeTmpl模块;

2.创建Vue模板

点开Preferences选择Browse Packages...,打开SublimeTmpl文件下的templates文件夹,新建一个vue.tmpl;

vue.tmpl

 <template lang="html">
 </template>
 <script>
 export default {
 name:''
 }
</script>
 <style lang="scss">
</style>

3.配置

Preferences——Package Settings——SublimeTmpl——commands-Default(在这个文件中添下面一段代码)

,
{
 "caption": "Tmpl: Create vue", "command": "sublime_tmpl",
 "args": {"type": "vue"}
}

4.添加快捷键

Preferences——Package Settings——SublimeTmpl——key Bindings-Default

 ,
 {
 "keys": ["ctrl+alt+e"], "command": "sublime_tmpl",
 "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
}

使用ctrl+alt+e(可以自定义)就可以建立Vue模板了;高亮插件自己搜索安装。

欢迎关注

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接