在 sublime 中,.vue 的檔案再配置高亮(highlight)的實作方法,網路上很多推薦 vue-syntax-highlight 這個外掛,安裝方法就不贅述了。
而如果 .vue 檔案中包含了 script 和 template 兩個 tag 的話,這個外掛就很容易只會 highlight 上面的 tag ,這樣頗不方便的。 後來發現,其實只要把 .vue 設定為 HTML 的格式, highlight 的動作就會很漂亮的。
但是 .vue 並非預設是 HTML 格式,內建設定中,打開 .vue 會是以純文字的形式,如果想要每次開啟預設都是以 HTML 格式開啟,需要調整一下設定:
- 點擊 Sublime Text-> Preferences->Browse Packages,開啟資料夾。
- 進入 Packages 資料夾後,點擊進入 User 資料夾。該資料夾是用戶設定的集合。
- 創建一個 HTML.sublime-settings 檔案,並且依照格式輸入以下檔案清單,主要是有包含 vue 這個值就行的:
{ // Which file extensions go with this file type? "extensions": [ "html5", "vue" ] }
題外話,同樣的資料夾中,如果需要創建不同的對應,只要把 HTML.sublime-settings 名稱的 HTML 至換成想要的格式即可。