如何下載以及配置 Sublime 插件

本章節(jié)我們將學(xué)習(xí)一下如何下載安裝插件，以及插件一些自定義設(shè)置等等。因?yàn)?code>Sublime Text的插件非常多，功能也非常復(fù)雜，默認(rèn)的配置已經(jīng)夠用。但是不一定適合每個(gè)人。適當(dāng)?shù)母呐渲靡彩欠浅１匾摹?/p>

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

1. 下載插件

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

2. 更改插件配置

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

可以看到我們格式化了之后，代碼就變了。縮進(jìn)，換行等發(fā)生了變化，下面我們會(huì)講解一下如何修改這些配置項(xiàng)。

2.1 更改全局

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

indent_size表示indent大小，end_with_newline表示保存的時(shí)候是否以一個(gè)新的換行來(lái)結(jié)束。

可以看到插件已經(jīng)預(yù)設(shè)了很多屬性配置，我們可以修改每個(gè)配置，保存之后格式化左邊vue文件，可以配置已經(jīng)生效。

2.2 保存

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

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

操作動(dòng)圖如下：

當(dāng)然，我們也可以只設(shè)置all里面的屬性，需要哪個(gè)就設(shè)置哪個(gè)。

2.3 查看配置文件

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

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

3. 總結(jié)

通過(guò)本章節(jié)的學(xué)習(xí)，我們知道了如何下載安裝Sublime Text插件；如何修改插件的默認(rèn)配置；以及修改自定義配置并保存成一個(gè)文件。
自定義配置不僅方便日后再次使用，也可以作為規(guī)范在團(tuán)隊(duì)里統(tǒng)一一下，良好的編碼習(xí)慣和統(tǒng)一風(fēng)格能夠最大限度的提高代碼的可維護(hù)性。