本人由于学习vue.js,在下载框架学习过程中,发现.vue类型的文件不能在sublim text3中高亮显示,代码呈灰色,及其不美观。于是在网上搜索相关方法,网上对sublim text3显示vue高亮代码需要做安装专门使vue代码高亮的插件----vue-syntax-highlight。
于是我按教程操作,发现最简单的办法都是首先安装:然后可以通过sublim搜索显示vue高亮的插件----Package Control
图示操作如下:
但是这种办法在安装Package Control始终不会成功!!!!(请记住,我百度了n种安装Package Control的方法,真的都不管用,相信我)。但是我们就要放弃吗,不是的。我们其实可以直接安装vue-syntax-highlight插件,对的,直接安装!真的就一分钟!!
接下来是直接安装vue-syntax-highlight插件的方法
1.在github中下载插件,地址:https://github.com/vuejs/vue-syntax-highlight
下载示例如下:
2.解压文件,剪切文件中所有文件,然后通过sublim text3打开插件文件存放目录
在目录中新建文件Vue
将之前剪切的文件粘贴到新建的Vue文件中
然后使用快捷键“ctrl+shift+p”,在打开的packages输入框中输入vue,选择“Set Syntax:Vue Component”进行加载。
加载后重启sublime,重新打开.vue文件,即能看到语法高亮。