让sublime text3支持Vue语法高亮显示

柔光的暖阳◎ 2022-05-19 11:06 284阅读 0赞

让sublime text3 支持vue文件语法高亮   的插件安装（其他插件安装也是）就是下面的两个步骤：1，把插件放入插件包 Sublime Text 3.3126x86\\Data\\Packages  ；2 . 载入插件

按下快捷键"shift + ctrl +p" 在打开的packages输入框中输入vue，选择"Set Syntax:Vue Component" 进行加载。

以下为正文

\----------------------------------------------------------

1.准备语法高亮插件vue-syntax-highlight。

下载地址：

[https://github.com/vuejs/vue-syntax-highlight][https_github.com_vuejs_vue-syntax-highlight]

下载页面并下载：

![166781-20170419111722227-1411797957.png][]

解开压缩包vue-syntax-highlight-master，其内所有文件备用。

2.将vue-syntax-highlight植入sbulime。

进入sublime，选择菜单项“Preferences->Browse Packages...”。

![166781-20170419112322556-103780269.png][]

在打开的文件夹中创建“Vue”文件夹。

![166781-20170419112852321-2074179290.png][]

在Vue文件夹中，将vue-syntax-highlight-master压缩包解压后的所有文件考入。

![166781-20170419112951946-1913227306.png][]

3.sublime载入vue-syntax-highlight插件

按下快捷键“ctrl+shift+p”，在打开的packages输入框中输入vue，选择“Set Syntax:Vue Component”进行加载。

![166781-20170419113141009-1729495429.png][]

加载后重启sublime，重新打开.vue文件，即能看到语法高亮。

来源：[https://blog.csdn.net/u012028371/article/details/73018294][https_blog.csdn.net_u012028371_article_details_73018294]

[https_github.com_vuejs_vue-syntax-highlight]: https://github.com/vuejs/vue-syntax-highlight
[166781-20170419111722227-1411797957.png]: /images/20220519/2a6d52ee2056443bbbe6894cac10d3ea.png
[166781-20170419112322556-103780269.png]: /images/20220519/444ae9fc05cb417ea7632df57932de20.png
[166781-20170419112852321-2074179290.png]: /images/20220519/44d14b6e0b7c4dd78e59becc4e942784.png
[166781-20170419112951946-1913227306.png]: /images/20220519/bfcb121db39446fba81b8e2512447120.png
[166781-20170419113141009-1729495429.png]: /images/20220519/08b9da7afb784475b8e979cf38d0eaef.png
[https_blog.csdn.net_u012028371_article_details_73018294]: https://blog.csdn.net/u012028371/article/details/73018294