1. 程式人生 > >sublime text3 程式碼格式化外掛vue

sublime text3 程式碼格式化外掛vue

同事用的windows的sublime輕量級容易上手.我們現在強制eslint規範.我們就需要安裝這個格式化程式碼的外掛"html-css-js-prettify"

使用 Sublime text 3 格式化HTML程式碼,需要安裝外掛,具體安裝步驟如下:

1. 開啟選單 -> 首選項(Perferences) -> 外掛控制(Packpage Control),輸入"Install Package"

2. 等待程式進入外掛管理功能,再輸入外掛名稱:"HTML-CSS-JS prettify"

3. 點選安裝外掛 "HTML-CSS-JS Prettify" 。

4. 外掛安裝成功後,在需要格式化的HTML程式碼中,選中程式碼,然後按 "Ctrl+Alt+H" 對程式碼進行格式化。也可以右擊選單選擇"html css js prettify"格式化程式碼

注意:

(1). 使用此外掛需先安裝node.js,windows預設安裝在C盤,如果安裝在其它地方,需額外配置node.js安裝目錄。

設定node.js安裝目錄:選單 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set `node` Path。根據你的node安裝目錄是c盤或者d盤或者e盤或者f盤進行修改一下node安裝的路徑

(2). 預設對vue不支援,需要滑鼠右擊->HTML/CSS/JS Prettify -> Set `node` Path , 在”allowed_file_extensions”: [“htm”, “html”, “xhtml”, “shtml”, “xml”, “svg”,”vue”] 加上vue就好了

轉載自:https://www.cnblogs.com/luosiding/p/8194090.html