Sublime Text 3下載安裝以及安裝HTML-CSS-JS Prettify代碼格式化插件

版權聲明：本文為HaiyuKing原創文章，轉載請注明出處！

概述

Sublime Text的安裝以及安裝插件步驟。

下載Sublime Text

官網地址：http://www.sublimetext.com/

注意：下載的時候需要翻.牆。

下載后的文件：

安裝Sublime Text

1、雙擊Sublime Text Build 3176 x64 Setup.exe文件

2、點擊上圖的Next，進入安裝目錄選擇界面（如果想要更換安裝目錄的話，重新選擇安裝目錄）

3、繼續Next

4、開始Install

 

5、Finish

 

安裝代碼格式化插件（需要安裝node.js）

安裝

在啟動Sublime Text 3程序后，使用快捷鍵 “ Ctl+Shift+P ”，打開一個對話框，在輸入框中輸入“Package Control: Install Paclage”

等待一會兒會自動打開下面的對話框界面，輸入想要安裝的插件名稱：比如HTML-CSS-JS Prettify

正在下載

驗證安裝成功

在Sublime Text軟件中隨便打開一個HTML文件，然后右鍵，會發現右鍵菜單中多出了一個HTML/CSS/JS Prettify，代表安裝成功了。

查看插件安裝目錄

 Preferences——Browse Packages...

  

使用

使用sublime Text打開一個HTML或css或js文件，然后右鍵——HTML/CSS/JS Prettify——Prettify Code

注意

(1). 使用此插件需先安裝node.js，windows默認安裝在C盤，如果安裝在其它地方，需額外配置node.js安裝目錄。

設置node.js安裝目錄：菜單 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set `node` Path

(2). "html-css-js prettify" 格式化CSS會在每個CSS后面都添加一個換行，若想取消該換行：

菜單 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Prettify Preferences - Default

修改設置 "newline_between_rules" 的參數為 false。

安裝node.js

 官網地址：https://nodejs.org/en/

下載的文件

1、雙擊node-v10.13.0-x64.msi

2、點擊Next

3、同意並Next

4、設置安裝目錄（如果需要的話）

5、繼續Next

6、繼續Next

7、安裝

8、完成

參考資料

Sublime text3 代碼格式化插件

在Sublime Text 3上安裝代碼格式化插件CodeFormatter