天天看點

sublime插件-----檔案路徑提示 / 代碼格式化

檔案路徑提示 —auto filename

1、點選菜單“preferences”——“package control”;

2、在彈出的下拉框中選擇“install package”;

3、等待幾秒中,在彈出的新下拉框中,輸入“autofilename”,下拉框會自動更新清單。點選清單項“autofilename”進行安裝。

4、安裝完後,我們可以檢視“autofilename”插件已經安裝成功。點選菜單“preferences”——“package setting”,可以看到“autofilename”插件已經安裝到編輯器中;

5、效果如下圖

sublime插件-----檔案路徑提示 / 代碼格式化

Sublime text3 代碼格式化插件—–HTML-CSS-JS Prettify

1、點選菜單“preferences”——“package control”;

2、在彈出的下拉框中選擇“install package”;

3、等待幾秒中,在彈出的新下拉框中,輸入“HTML-CSS-JS Prettify”,下拉框會自動更新清單。點選清單項“HTML-CSS-JS Prettify”進行安裝。

4.插件安裝成功後,在需要格式化的HTML代碼中,滑鼠右鍵 對代碼進行格式化。

sublime插件-----檔案路徑提示 / 代碼格式化

注意:

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

安裝目錄錯誤提示

sublime插件-----檔案路徑提示 / 代碼格式化

配置node.js安裝目錄

sublime插件-----檔案路徑提示 / 代碼格式化

例如我的node目錄為F:/ruanjian/node/node.exe

sublime插件-----檔案路徑提示 / 代碼格式化

(2). “html-css-js prettify” 格式化CSS會在每個CSS後面都添加一個換行,若想取消該換行:

1.滑鼠右鍵

sublime插件-----檔案路徑提示 / 代碼格式化

2.修改設定 “newline_between_rules” 的參數為 false。

sublime插件-----檔案路徑提示 / 代碼格式化