Home » 前端技术 » vue » sublime text3 添加vue模板

sublime text3 添加vue模板

xdlumia 2017-08-18 2,329次 条评论

习惯了使用sublime编辑器, 今天在学习vue.js的时候 教程里可以迅速生成vue的模板。发现自己使用的却不能,原来还需要安装一些模板插件

网上的文章有点不全,很多初学者容易蒙逼,在此我整理下,方便使用学习。

1:安装SublimeTmpl 插件

首先在sublime 里安装sublimeTmpl插件,这里安装方法不说了,网上一大堆。

SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。

 

SublimeTmpl默认的快捷键:

ctrl+alt+h  html
ctrl+alt+j  javascript
ctrl+alt+c  css
ctrl+alt+p  php
ctrl+alt+r  ruby
ctrl+alt+shift+p  python

 

2:自定义vue模板
默认是没有vue模板的,如果想要新建其他类型的文件模板的话,在路径C:\Users\你的用户名\AppData\Roaming\Sublime Text 3\Packages\SublimeTmpl\templates下新建vue.tmpl文件:


 

3:打开 Default.sublime-commands,复制粘贴以下配置

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

4:添加快捷键Default.sublime-keymap

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


5:使用ctrl+alt+e就可以建立新的vue模板了
在sublime 使用ctrl+alt+e就可以建立新的vue模板,然后保存成.vue文件就能使用了

转载请注明出处