- 时间:2022-01-14 21:00 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:详解让sublime text3支持Vue语法高亮显示的示例
[b]让sublime text3支持Vue语法高亮显示[/b]
[b]1.准备语法高亮插件vue-syntax-highlight。[/b]
下载地址:
[url=https://github.com/vuejs/vue-syntax-highlight]https://github.com/vuejs/vue-syntax-highlight[/url]
下载页面并下载:
[img]http://files.jb51.net/file_images/article/201709/2017092914570878.png[/img]
解开压缩包vue-syntax-highlight-master,其内所有文件备用。
[b]2.将vue-syntax-highlight植入sbulime。[/b]
进入sublime,选择菜单项“Preferences->Browse Packages...”。
[img]http://files.jb51.net/file_images/article/201709/2017092914570879.png[/img]
在打开的文件夹中创建“Vue”文件夹。
[img]http://files.jb51.net/file_images/article/201709/2017092914570880.png[/img]
在Vue文件夹中,将vue-syntax-highlight-master压缩包解压后的所有文件考入。
[img]http://files.jb51.net/file_images/article/201709/2017092914570881.png[/img]
[b]3.sublime载入vue-syntax-highlight插件[/b]
按下快捷键“ctrl+shift+p”,在打开的packages输入框中输入vue,选择“Set Syntax:Vue Component”进行加载。
[img]http://files.jb51.net/file_images/article/201709/2017092914570882.png[/img]
加载后重启sublime,重新打开.vue文件,即能看到语法高亮。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。