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

第一：讓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": []
        },
    },
}

下圖是默認設置和用戶設置，左邊是默認，右邊是用戶設置

 

 可以自己看看對比下哦，至此就可以了。

打開vue格式的文件，快捷鍵Ctrl+Shift+H ,Duang!整齊啦。

PS：注意下HTML-CSS-JS prettify的默認設置文件，這個地方，因為這個插件是需要靠nodejs的，所以你必須安裝了nodejs，而且這個地方的路徑要注意保證是你本地的nodejs的安裝路徑