WWW.lllT.neTsublime text3 制做vue文件模板!下边由sublime实例教程频道给各位详细介绍sublime text3如何制作vue文件模板,期待对必须的小伙伴有些协助!

1.组装SublimeTmpl模版

组装进行 SublimeTmpl
能够看见下边这幅图

一文详细介绍sublime text3拿下vue文件模板

2.建立 vue 模版

2.1 在途径:Sublime Text 3PackagesSublimeTmpltemplates 下新创建 vue.tmpl 文档:

<template>
</template>

<script type="ecmascript-6">
</script>

<style rel="stylesheet">
</style>

2.2 开启 Default.sublime-commands,拷贝下列配备

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

一文详细介绍sublime text3拿下vue文件模板

2.3 同上一流程部位,开启 Key Bindings-Default 设定热键

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

如今你也就可以用 Ctrl Alt e 就可以创建新的vue模板了

3. 高亮度.vue文档

组装软件 vue-syntax-highlight
新创建vue文档后,假如右下方表明是vue Component就证实就行了。
要不是,按Ctrl Shift P 键入Vue 转换成set Syntax:Vue Component就可以了。

大量sublime有关专业知识,请浏览sublime实例教程频道:https://www.php.cn/tool/sublime/

以上便是一文详细介绍sublime text3拿下vue文件模板的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT
标签: 工具使用
下载本文:一文详细介绍sublime text3拿下vue文件模板.doc

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:一文详细介绍sublime text3拿下vue文件模板发布于2021-12-07 19:42:01

相关推荐