Sublime实现自动生成Vue模板

1、安装SublimeTmpl模板

ctrl+shift+p


Sublime实现自动生成Vue模板_第1张图片
image.png

输入 install 选择第一个


Sublime实现自动生成Vue模板_第2张图片
image.png

左下角出现等号来回移动,稍等一会


Sublime实现自动生成Vue模板_第3张图片
image.png

出现下图


Sublime实现自动生成Vue模板_第4张图片
image.png

输入 sublimeTmpl 选择第一个,左下角等来回移动,稍等片刻


Sublime实现自动生成Vue模板_第5张图片
image.png

2、添加模板文件

进入如下路径,创建一个vue.tmpl文件


Sublime实现自动生成Vue模板_第6张图片
image.png

使用sublime打开该文件,添加如下内容,也可根据自己喜好更改




3、在sublime中配置

Preferences(首选项)——Package Settings——SublimeTmpl——commands-Default中添加如下代码,注意逗号

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

Preferences(首选项)——Package Settings——SublimeTmpl——key Bindings-Default添加如下代码,配置快捷键,这里是ctrl+alt+e,你也可以自行设置

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

4、测试

在sublime按下快捷键 ctrl+alt+e


Sublime实现自动生成Vue模板_第7张图片
image.png

生成了一个vue模板,然后Ctrl+S,自己定义一个文件名,点击确定保存即可


image.png

你可能感兴趣的:(Sublime实现自动生成Vue模板)