让Sublime text3支持Vue语法高亮显示-唯品秀前端博客

唯品秀前端博客

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

2017-06-19 分类：别具匠心作者：管理员阅读（7473）

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

下载地址：

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

下载页面并下载：

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

2.将vue-syntax-highlight植入sbulime

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

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

重点提示：找到Packages文件夹下创建Vue，把之前的文件全部拷贝进来，如下图

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

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

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

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

「两年博客，如果觉得我的文章对您有用，请帮助本站成长」

标签：

sublime Vue.js 语法高亮

上一篇：用纯css改变下拉列表select框的默认样式

下一篇：爱情是以物质为基础奢侈的精神享受

共有 6 条评论 - 让Sublime text3支持Vue语法高亮显示

点击这里取消回复。

增达 Windows 7 搜狗浏览器 2.X
玉不琢不成器，人不学不知道，拜读了！

2017-07-14 14:58 回复
1. 唯品秀前端技术博客 Windows NT Chrome 49.0.2623.75
  @增达为什么你评论到这里来了，奇怪
  
  2017-07-14 15:20 回复
我赚啦 Windows 7 搜狗浏览器 2.X
抱着学习的态度来看看

2017-07-02 15:59 回复
增达网 Windows 7 搜狗浏览器 2.X
看看你的博客，也是一种娱乐！

2017-06-25 17:06 回复
1. 唯品秀前端技术博客 Windows NT Chrome 49.0.2623.75
  @增达网记得常来哦
  
  2017-06-25 18:07 回复
网赚 Windows 7 搜狗浏览器 2.X
这个不错哦，我好好读读！

2017-06-22 11:34 回复

博客简介

唯品秀博客: weipxiu.com，一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与

本站公告阿里CDN CDN大全博主Github 百度统计百度收录关键词排名经典Css片段时间戳格式化全国黑企名单武汉黑企名单 996.ICU火了 Js33个概念 vConsole DSBridge DOM元素进屏 Shareinstall Http接口测试

管理员（4天前）
是么，咋看的，我没注意
评：双击视频/图片全屏功能（解决全屏后双击无法退出）
奶爸建网站笔记（4天前）
为什么你的都是18年的内容？RSS
评：双击视频/图片全屏功能（解决全屏后双击无法退出）
管理员（2周前 (06-29)）
同样产品我们比价格，同样价格我们比售后，阿里云在价格这块就输的一塌糊涂
评：近期网站调整服务器，导致访问不太稳定
楚狂人（2周前 (06-29)）
为何要从阿里云迁到腾讯云呢，我一直用阿里的，感觉还行
评：近期网站调整服务器，导致访问不太稳定
楚狂人（2周前 (06-29)）
分享有理，非常棒的一款主题
评：关于唯品秀前端技术博客主题使用教程
管理员（3周前 (06-28)）
看来这两天你确实不忙
评：获取github项目star的数量-超简单

他们同样是一群网虫，却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步，但同学却不局限在一国一校，而是遍及全球！申请交换友链

文章总数： 219 篇
草稿数目： 0 篇
分类数目： 14 个
独立页面： 6 个
评论总数： 827 条
链接总数： 13 个
标签总数： 405 个
建站时间： 943 天
注册用户： 1257 人
访问总量： 8871839 次
最近更新： 2019年7月15日

服务热线：

173xxxx7240

QQ在线交流

点击这里给我发消息

旺旺在线