让Sublime text3支持Vue语法高亮显示 - 唯品秀 - 前端开发 | web前端技术博客

唯品秀博客

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

2017年06月19日唯品秀 7162次浏览

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文件，即能看到语法高亮。

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

赞( 5 ) 打赏

标签：

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前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与

vanhua（2天前）
虽然看得云里雾里，但是觉得牛弊的样子！学习了！
评：javascript如何判断数据是否是数组？
代码狗（3天前）
应该在不久的将来会用到，先学习一波。
评：vue.js大转盘抽奖及其9宫格抽奖详解附代码
fesugar（4天前）
前端这块你这位大神厉害了！！
评：gulp项目如何进行配置环境变量
奶爸de笔记（1周前 (05-13)）
技术问题，看一眼，以后用的到的时候再来。
评：javascript中什么是伪数组？
奶爸de笔记（1周前 (05-11)）
学习了，大佬多分享点这种拿来就能用的代码。
评：利用flex布局超简单实现瀑布流排版
奶爸de笔记（2周前 (05-06)）
技术文章，支持一下。
评：通过插件让gulp同步执行任务列表

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

文章总数： 191 篇
草稿数目： 2 篇
分类数目： 13 个
页面总数： 21 个
评论总数： 829 条
链接总数： 13 个
标签总数： 372 个
建站时间： 887 天
注册用户： 717 人
访问总量： 8657251 次
最近更新： 2019年5月20日

服务热线：

173xxxx7240

QQ在线交流

点击这里给我发消息

旺旺在线