如何下載以及配置 Sublime 插件

本章節我們將學習一下如何下載安裝插件，以及插件一些自定義設置等等。因為Sublime Text的插件非常多，功能也非常復雜，默認的配置已經夠用。但是不一定適合每個人。適當的更改配置也是非常必要的。

如果不知道如何安裝Package Control，請移步至編輯器常用設置和插件（上）文章。

1. 下載插件

打開包管理器，準備安裝插件啦！Preferences > Package Control，點擊下拉框里的Package Control: Install Package 或者快捷鍵 Ctrl+Shift+p，模糊搜索install，點擊，等待片刻，包管理列表就出來了， 如下圖：

2. 更改插件配置

這里我挑選一個比較經典的插件：HTML-CSS-JS Prettify，然后講解一下它的配置以及如何修改配置。
快捷鍵使用如下：

可以看到我們格式化了之后，代碼就變了?？s進，換行等發生了變化，下面我們會講解一下如何修改這些配置項。

2.1 更改全局

入口 Preferences => Package Settings => HTML-CSS-JS Prettify => Prettify Preferences-Default，我們找到indent_size，end_with_newline的設置選項，并修改保存。

indent_size表示indent大小，end_with_newline表示保存的時候是否以一個新的換行來結束。

可以看到插件已經預設了很多屬性配置，我們可以修改每個配置，保存之后格式化左邊vue文件，可以配置已經生效。

2.2 保存

你可能會問，我如果換了一臺電腦，這些配置咋辦？
答案：我們可以把配置保存起來，這樣只需要準備配置文件即可?？旄也僮髌饋戆?！
入口 Preferences => Package Settings => HTML-CSS-JS Prettify => Prettify Preferences-User。
自定義配置頁面是一個新頁面，我們可以按照配置要求來寫我們自己的配置，格式如下：

{
	"all":{
		"end_with_newline":true,
		"indent_size": 2,
		...
	},
	"html":{
		...
	},
	"css":{
		...
	},
	"js":{
		...
	},
	"json":{
		...
	},
	"custom":{
		...
	}
}

操作動圖如下：

當然，我們也可以只設置all里面的屬性，需要哪個就設置哪個。

2.3 查看配置文件

保存之后的文件路徑： Preferences => Browser Package=> User 文件夾 => .jsbeautifyrc 文件。

后面我們換了電腦，就可以把這個配置文件放到Sublime編輯器里面，達到一次配置到處使用的目的。

3. 總結

通過本章節的學習，我們知道了如何下載安裝Sublime Text插件；如何修改插件的默認配置；以及修改自定義配置并保存成一個文件。
自定義配置不僅方便日后再次使用，也可以作為規范在團隊里統一一下，良好的編碼習慣和統一風格能夠最大限度的提高代碼的可維護性。