这次给大家带来让.vue在Sublime Text新建模板内高亮，让.vue在Sublime Text新建模板内高亮的注意事项有哪些，下面就是实战案例，一起来看一下。
本文介绍了 Sublime Text新建.vue模板并高亮(图文教程)，分享给大家，也给自己留个笔记。
注意事项
下载注意事项新建文件模板插件 SublimeTmpl
下载安装vue语法高亮插件 Vue Syntax Highlight
Sublime Text安装插件的方法有两种：
1、使用Sublime Text自带的安装库 Package Control 去安装
点击菜单栏的 Preferences -> Package Control 或使用快捷键 CTRL+SHIFT+P 打开终端窗口，输入Install选择Package Control: Install Package来安装
2、下载直接放入包目录 (Preferences / Browse Packages) 中文:(首选项 / 包浏览器) 文件夹里面
SublimeTmpl
Vue Syntax Highlight
立即学习“前端免费学习笔记（深入）”；
创建.vue模板并让语法高亮
安装完Vue Syntax Highlight之后，你打开.vue格式的文件就已经可以高亮了，我们现在来设置用快捷键直接创建.vue格式的文件。
SublimeTmpl 默认只有6种语法模板：
html ctrl+alt+h
注意事项 ctrl+alt+j
立即学习“前端免费学习笔记（深入）”；
css ctrl+alt+c
立即学习“前端免费学习笔记（深入）”；
php ctrl+alt+p
立即学习“前端免费学习笔记（深入）”；
ruby ctrl+alt+r
立即学习“前端免费学习笔记（深入）”；
注意事项 ctrl+alt+shift+p
立即学习“前端免费学习笔记（深入）”；
我们现在新增创建 vue 格式的模板
1、创建vue文件模板
直接打开插件包的文件夹 Preferences -> Browse Packages
首选项 -> 浏览程序包
包文件夹
打开存放模板的文件夹 templates，随便复制一项，改名为vue.tmpl
创建vue.tmplvue.tmpl内容改为你想要的模板
vue.tmpl内容
2、修改新建菜单，增加新建vue选项
SublimeTmpl新建菜单默认是没有vue的，
新建 -> New File (SublimeTmpl)
点击 Menu 选项，或者打开 Preferences -> Package Settings -> SublimeTmpl -> Settings – Menu，
打开菜单配置项
复制一项，然后粘贴修改为 vue 项，
新增vue项
保存修改，就会在新建菜单里面出现vue项
出现vue项
点击上图vue新建项，就会出现之前设置的模板内容，只不过没有语法高亮，并且是纯文本格式
新建vue文件
3、模板绑定vue语法高亮
打开 Preferences -> Package Settings -> SublimeTmpl -> Settings – Default，
打开默认设置项
复制一项并修改为vue，路径如下
绑定vue语法
绑定语法关联文件路径请查看目录 Sublime Text3DataCache，寻找vue高亮语法插件名，并打开
Sublime Text3DataCache目录
Sublime Text3DataCachevue-syntax-highlight
再次菜单新建vue就语法高亮了，
新建vue文件
4、绑定新建vue文件快捷键
打开 Preferences -> Package Settings -> SublimeTmpl -> Key Bindings – Default，
打开设置快捷键文件
复制一项，粘贴创建新建vue快捷键为 ctrl+alt+v，
创建快捷键
保存后，菜单新建里也有了，
新建文件菜单
试试，完美！
最后
Preferences -> Package Settings -> SublimeTmpl -> Settings – Commands 文件好像是配置命令的，配置方法也跟上面相同，照猫画虎即可~
最后的最后
通过这种方法，其他的语言模板也可以自己去创建。
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
以上就是让.vue在Sublime Text新建模板内高亮的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2771741.html
