1. 程式人生 > >sublime Text3支持vue高亮,sublime Text3格式化Vue

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

-m css bsp 用戶 strong 是把 思路 9.png 文件

第一:讓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的安裝路徑

技術分享

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