唯品秀博客
  • 温馨提示:唯品秀个人博客2016/11/16正式上线了!
  • 博客不定时更新、修复bug,若无法正常访问浏览,请稍后再试
  • 欢迎各位前端伙伴注册登录会员,共同分享前端技巧
  • 2018/04/24日最近更新:优化主导航高亮显示配置
首页 > 技巧资源 > 让Sublime text3支持Vue语法高亮显示

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

2017年06月19日 作者: 管理员 5016次浏览 条评论

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 ) 打赏

    谢谢你请我吃鸡腿*^_^*

    支付宝
    微信
    5

    谢谢你请我吃鸡腿*^_^*

    支付宝
    微信
  • 上一篇:

    下一篇:

    前端简介

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

    风云英雄

    他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,却获得了斯坦福、哈佛等许多常青藤名校课程的结业证……他们的同学不局限在一国一校,而是遍及全球……加入他们,成为一名互联网学习者!

    站点统计

    • 文章: 128 篇
    • 分类: 13 个
    • 标签: 218 个
    • 运行: 554天
    • 访问:6,587,558次
    • 更新: 2018年6月22日
    服务热线:
     182XXXX8470

     QQ在线交流

    点击这里给我发消息
    点击这里给我发消息

     旺旺客服