sublime Text3支持vue高亮，sublime Text3格式化Vue

时间：2017-11-03 20:22:25 阅读：162 评论：0 收藏：0 [点我收藏+]

标签：global 高亮 key 对比设置好的 html span git

第一：让sublime Text3支持Vue高亮

PS:我的sublime版本是3126，我不清楚其它版本的是不是这样设置，不过可以看看思路自己摸索下

1.下载可以让vue格式高亮的插件vue-syntax-highlight

github链接

技术分享

我下载好的插件包，为避免插件的更新，还是建议用上面的方式，从github上下载，插件包下载

2.把插件放到sublime中

菜单设置 --> 浏览资源包

技术分享

打开了此文件夹

技术分享

在这个文件夹中新建一个文件夹，改名为Vue。下载的插件安装包解压缩后，把里面的内容都复制到Vue文件夹内

下图是压缩包解压后的内容，就是把这些东西复制到Vue文件夹里

技术分享

复制完如下

技术分享

3.在sublime中导入vue-syntax-highlight插件

快捷键“Ctrl+Shift+p”，调出命令板，输入Vue，选中第一个就导入成功了

技术分享

这样子，sublime就支持vue格式的文件啦

第二：让sublime Text3支持Vue格式化

安装 HTML-CSS-JS Prettify 插件，安装方法如下

快捷键“Ctrl+Shift+p”，调出命令板，输入HTML-CSS-JS Prettify，出来后，回车安装成功。

安装完成后，打开下面框起来的文件

技术分享

输入下面代码

{
    "global_file_rules":
    {
        // Be sure to include the `html` key in your user settings to be able
        // to prettify html files.
        "html":
        {
            "allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg","vue"],
            "allowed_file_syntaxes": ["html", "xml"],
            "disallowed_file_patterns": []
        },
    },
}