网站建设资讯

NEWS

网站建设资讯

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

这篇文章给大家分享的是有关详解让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文件,即能看到语法高亮。

感谢各位的阅读!关于“详解让sublime text3支持Vue语法高亮显示的示例”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文题目:详解让sublimetext3支持Vue语法高亮显示的示例
标题链接:http://cdweb.net/article/iihisi.html