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

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

概述

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

下載Sublime Text

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

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

下載後的文件：

安裝Sublime Text

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

二、點擊上圖的Next，進入安裝目錄選擇界面（若是想要更換安裝目錄的話，從新選擇安裝目錄）

三、繼續Next

四、開始Install

 

五、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/

下載的文件

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

二、點擊Next

三、贊成並Next

四、設置安裝目錄（若是須要的話）

五、繼續Next

六、繼續Next

七、安裝

八、完成

參考資料

Sublime text3 代碼格式化插件

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