準備工作下載安裝新建文件模板插件 SublimeTmpl

下載安裝vue語法高亮插件 Vue Syntax Highlight

Sublime Text安裝插件的方法有兩種：使用Sublime Text自帶的安裝庫 Package Control 去安裝

點擊菜單欄的 Preferences -> Package Control 或使用快捷鍵 CTRL+SHIFT+P 打開終端窗口，輸入Install選擇Package Control: Install Package來安裝

下載直接放入包目錄 (Preferences / Browse Packages) 中文:(首選項 / 包瀏覽器) 文件夾里面

創建.vue模板并讓語法高亮

安裝完Vue Syntax Highlight之后，你打開.vue格式的文件就已經可以高亮了，我們現在來設置用快捷鍵直接創建.vue格式的文件。SublimeTmpl 默認只有6種語法模板：html ctrl+alt+h

javascript ctrl+alt+j

css ctrl+alt+c

php ctrl+alt+p

ruby ctrl+alt+r

python ctrl+alt+shift+p我們現在新增創建 vue 格式的模板創建vue文件模板

首選項 -> 瀏覽程序包

包文件夾

創建vue.tmpl

vue.tmpl內容vue.tmpl內容改為你想要的模板打開存放模板的文件夾 templates，隨便復制一項，改名為vue.tmpl直接打開插件包的文件夾 Preferences -> Browse Packages

修改新建菜單，增加新建vue選項

新建 -> New File (SublimeTmpl)

打開菜單配置項

新增vue項

出現vue項

新建vue文件點擊上圖vue新建項，就會出現之前設置的模板內容，只不過沒有語法高亮，并且是純文本格式，如圖保存修改，就會在新建菜單里面出現vue項，如圖復制一項，然后粘貼修改為 vue 項，如圖點擊上圖的 Menu 選項，或者打開 Preferences -> Package Settings -> SublimeTmpl -> Settings - Menu，如圖SublimeTmpl新建菜單默認是沒有vue的，如圖

模板綁定vue語法高亮

打開默認設置項

綁定vue語法

Sublime Text3\Data\Cache目錄

Sublime Text3\Data\Cache\vue-syntax-highlight

新建vue文件再次菜單新建vue就語法高亮了，如圖綁定語法關聯文件路徑請查看目錄 Sublime Text3\Data\Cache，尋找vue高亮語法插件名，并打開，如圖復制一項并修改為vue，路徑如下打開 Preferences -> Package Settings -> SublimeTmpl -> Settings - Default，如圖

綁定新建vue文件快捷鍵

打開設置快捷鍵文件

創建快捷鍵

新建文件菜單

完美試試，完美！保存后，菜單新建里也有了，如圖復制一項，粘貼創建新建vue快捷鍵為 ctrl+alt+v，如圖打開 Preferences -> Package Settings -> SublimeTmpl -> Key Bindings - Default，如圖

最后

Preferences -> Package Settings -> SublimeTmpl -> Settings - Commands 文件好像是配置命令的，配置方法也跟上面相同，照貓畫虎即可~

最后的最后

通過這種方法，其他的語言模板也可以自己去創建。

附我的模板 vue.tmpl (2018年1月8日 更新)

{{msg}}????

原創，如有幫助加個喜歡唄~

作者：不二很純潔

鏈接：https://www.jianshu.com/p/85df72adecf7

總結

以上是生活随笔為你收集整理的sublime存模板_Sublime Text新建.vue模板并高亮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。