让sublim text3支持vue语法高亮的直接解决办法

       本人由于学习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文件,即能看到语法高亮。

  

你可能感兴趣的:(使用工具,vue高亮)