1.首先安装好SublimeTmpl及Vue Syntax Highlight插件,安装方式请查看下面的链接
SublimeTmplhttps://blog.csdn.net/lihefei_coder/article/details/80871682
Vue Syntax Highlighthttps://blog.csdn.net/lihefei_coder/article/details/80871680

2.在C:\xxx\Administrator\AppData\Roaming\Sublime Text 3\Packages\SublimeTmpl\templates目录下新建vue.tmpl 文件

这里写图片描述

3.vue.tmpl模板内容为

<template>

</template>

<script>

</script>

<style>

</style>

4.在sublime的菜单栏打开 Preferences>Package Settings>SublimeTmpl>Commands-User,在[ ]里内容后面粘贴以下配置

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

5.在sublime的菜单栏打开 Preferences>Package Settings>SublimeTmpl>Key Bindings-User,在里面粘贴以下配置

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

6.在sublime的菜单栏打开 Preferences>Package Settings>SublimeTmpl>Menu-Default,在里面粘贴以下配置

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

这里写图片描述

7.新建的vue文件是纯文本格式没有高亮语法,在sublime的菜单栏打开 Preferences>Package Settings>SublimeTmpl>Settings - Default,粘贴对应好的配置

这个地方需要绑定vue语法,找到语法文件夹位置,我本机的为:
C:\Users\Administrator\AppData\Local\Sublime Text 3\Cache\Vue Syntax Highlight

打开Vue Syntax Highlight文件夹,找到Vue Component.sublime-syntax.cache文件,后面的配置里的路径要与它们的名称对应上
在这里插入图片描述

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

在这里插入图片描述

7.按快捷键ctrl+alt+v,创建高亮模板大功告成
这里写图片描述

Logo

前往低代码交流专区

更多推荐