当前位置:首页 >> 网络编程

详解让sublime text3支持Vue语法高亮显示的示例

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

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

下载地址:

https://github.com/vuejs/vue-syntax-highlight

下载页面并下载:

详解让sublime text3支持Vue语法高亮显示的示例

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

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

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

详解让sublime text3支持Vue语法高亮显示的示例

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

详解让sublime text3支持Vue语法高亮显示的示例

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

详解让sublime text3支持Vue语法高亮显示的示例

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

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

详解让sublime text3支持Vue语法高亮显示的示例

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。