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

下载地址:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

 

下载页面并下载:

sublime text3支持Vue语法高亮显示步骤(转) 随笔 第1张

 

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

 

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

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

sublime text3支持Vue语法高亮显示步骤(转) 随笔 第2张

 

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

sublime text3支持Vue语法高亮显示步骤(转) 随笔 第3张

 

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

sublime text3支持Vue语法高亮显示步骤(转) 随笔 第4张

 

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

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

sublime text3支持Vue语法高亮显示步骤(转) 随笔 第5张

 

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

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄