sublime text4中如何添加.vue模板的详细教程

第一步

首先利用package control下载如下两个插件：
（不会使用package control的可以去百度一下，很简单的）

1. 新建文件模板插件 SublimeTmpl
2. vue语法高亮插件 Vue Syntax Highlight

第二步

打开：

然后打开SublimeTmpl 文件夹，打开 templates 文件夹，添加vue.tmpl模板：

在其中输入你想要生成的模板，在这给出一种：

<template>
    
</template>

<script>
export default{

}
</script>

<style>
    
</style>

第三步

打开：

添加：

{
	"id": "vue",
	"caption": "Vue",
	"command": "sublime_tmpl",
	"args": {
		"type": "vue"
	}
},

第四步

打开：

添加：

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

第五步

打开：

添加：

"vue": {
	"syntax": "Packages/Vue Syntax Highlight/Vue Component.sublime-syntax",
	"extension": "vue"
    },

这一步中，可能会有人与我的路径不同，大家需要打开packages中的vue syntax highlight，应该会看到一个cache文件，那么你的文件名称就是去掉cache后缀之后的名称。

第六步

添加：

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

通过快捷键 ctrl+alt+u（这个是可以修改的哈） 或者下图，就可以打开有模板的.vue文件啦