本文介紹了 Sublime Text新建.vue模板并高亮(圖文教程)，分享給大家，也給自己留個筆記。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名注冊、虛擬空間、營銷軟件、網站建設、儀隴網站維護、網站推廣。

準備工作

1. 下載安裝新建文件模板插件 SublimeTmpl
2. 下載安裝vue語法高亮插件 Vue Syntax Highlight

Sublime Text安裝插件的方法有兩種：

1、使用Sublime Text自帶的安裝庫 Package Control 去安裝

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

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

1. SublimeTmpl
2. Vue Syntax Highlight

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

安裝完Vue Syntax Highlight之后，你打開.vue格式的文件就已經可以高亮了，我們現在來設置用快捷鍵直接創建.vue格式的文件。

SublimeTmpl 默認只有6種語法模板：

1. html ctrl+alt+h
2. javascript ctrl+alt+j
3. css ctrl+alt+c
4. php ctrl+alt+p
5. ruby ctrl+alt+r
6. python ctrl+alt+shift+p

我們現在新增創建 vue 格式的模板

1、創建vue文件模板

直接打開插件包的文件夾 Preferences -> Browse Packages

選項 -> 瀏覽程序包

包文件夾

打開存放模板的文件夾 templates，隨便復制一項，改名為vue.tmpl

創建vue.tmplvue.tmpl內容改為你想要的模板

vue.tmpl內容

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

SublimeTmpl新建菜單默認是沒有vue的，如圖

新建 -> New File (SublimeTmpl)

點擊上圖的 Menu 選項，或者打開 Preferences -> Package Settings -> SublimeTmpl -> Settings - Menu，如圖

打開菜單配置項

復制一項，然后粘貼修改為 vue 項，如圖

新增vue項

保存修改，就會在新建菜單里面出現vue項，如圖

出現vue項

點擊上圖vue新建項，就會出現之前設置的模板內容，只不過沒有語法高亮，并且是純文本格式，如圖

新建vue文件

3、模板綁定vue語法高亮

打開 Preferences -> Package Settings -> SublimeTmpl -> Settings - Default，如圖

打開默認設置項

復制一項并修改為vue，路徑如下

綁定vue語法

綁定語法關聯文件路徑請查看目錄 Sublime Text3\Data\Cache，尋找vue高亮語法插件名，并打開，如圖

Sublime Text3\Data\Cache目錄

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

再次菜單新建vue就語法高亮了，如圖

新建vue文件

4、綁定新建vue文件快捷鍵

打開 Preferences -> Package Settings -> SublimeTmpl -> Key Bindings - Default，如圖

打開設置快捷鍵文件

復制一項，粘貼創建新建vue快捷鍵為 ctrl+alt+v，如圖

創建快捷鍵

保存后，菜單新建里也有了，如圖

新建文件菜單

試試，完美！

完美

最后

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

最后的最后

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯成都網站設計公司。

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞標題：SublimeText新建.vue模板并高亮(圖文教程)-創新互聯
新聞來源：http://vcdvsql.cn/article32/csecpc.html

成都網站建設公司_創新互聯，為您提供云服務器、網站策劃、網站營銷、軟件開發、網頁設計公司、定制開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯