sublime存模板_Sublime Text新建.vue模板并高亮
準(zhǔn)備工作下載安裝新建文件模板插件 SublimeTmpl
下載安裝vue語法高亮插件 Vue Syntax Highlight
Sublime Text安裝插件的方法有兩種:使用Sublime Text自帶的安裝庫 Package Control 去安裝
點(diǎn)擊菜單欄的 Preferences -> Package Control 或使用快捷鍵 CTRL+SHIFT+P 打開終端窗口,輸入Install選擇Package Control: Install Package來安裝
下載直接放入包目錄 (Preferences / Browse Packages) 中文:(首選項(xiàng) / 包瀏覽器) 文件夾里面
創(chuàng)建.vue模板并讓語法高亮
安裝完Vue Syntax Highlight之后,你打開.vue格式的文件就已經(jīng)可以高亮了,我們現(xiàn)在來設(shè)置用快捷鍵直接創(chuàng)建.vue格式的文件。SublimeTmpl 默認(rèn)只有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我們現(xiàn)在新增創(chuàng)建 vue 格式的模板創(chuàng)建vue文件模板
首選項(xiàng) -> 瀏覽程序包
包文件夾
創(chuàng)建vue.tmpl
vue.tmpl內(nèi)容vue.tmpl內(nèi)容改為你想要的模板打開存放模板的文件夾 templates,隨便復(fù)制一項(xiàng),改名為vue.tmpl直接打開插件包的文件夾 Preferences -> Browse Packages
修改新建菜單,增加新建vue選項(xiàng)
新建 -> New File (SublimeTmpl)
打開菜單配置項(xiàng)
新增vue項(xiàng)
出現(xiàn)vue項(xiàng)
新建vue文件點(diǎn)擊上圖vue新建項(xiàng),就會出現(xiàn)之前設(shè)置的模板內(nèi)容,只不過沒有語法高亮,并且是純文本格式,如圖保存修改,就會在新建菜單里面出現(xiàn)vue項(xiàng),如圖復(fù)制一項(xiàng),然后粘貼修改為 vue 項(xiàng),如圖點(diǎn)擊上圖的 Menu 選項(xiàng),或者打開 Preferences -> Package Settings -> SublimeTmpl -> Settings - Menu,如圖SublimeTmpl新建菜單默認(rèn)是沒有vue的,如圖
模板綁定vue語法高亮
打開默認(rèn)設(shè)置項(xiàng)
綁定vue語法
Sublime Text3\Data\Cache目錄
Sublime Text3\Data\Cache\vue-syntax-highlight
新建vue文件再次菜單新建vue就語法高亮了,如圖綁定語法關(guān)聯(lián)文件路徑請查看目錄 Sublime Text3\Data\Cache,尋找vue高亮語法插件名,并打開,如圖復(fù)制一項(xiàng)并修改為vue,路徑如下打開 Preferences -> Package Settings -> SublimeTmpl -> Settings - Default,如圖
綁定新建vue文件快捷鍵
打開設(shè)置快捷鍵文件
創(chuàng)建快捷鍵
新建文件菜單
完美試試,完美!保存后,菜單新建里也有了,如圖復(fù)制一項(xiàng),粘貼創(chuàng)建新建vue快捷鍵為 ctrl+alt+v,如圖打開 Preferences -> Package Settings -> SublimeTmpl -> Key Bindings - Default,如圖
最后
Preferences -> Package Settings -> SublimeTmpl -> Settings - Commands 文件好像是配置命令的,配置方法也跟上面相同,照貓畫虎即可~
最后的最后
通過這種方法,其他的語言模板也可以自己去創(chuàng)建。
附我的模板 vue.tmpl (2018年1月8日 更新)
{{msg}}????
原創(chuàng),如有幫助加個(gè)喜歡唄~作者:不二很純潔
鏈接:https://www.jianshu.com/p/85df72adecf7
總結(jié)
以上是生活随笔為你收集整理的sublime存模板_Sublime Text新建.vue模板并高亮的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: loginform登录表单 vs_【VS
- 下一篇: 3d饼图 vue_在Vue中如何使用hi