国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

Sublime Text新建.vue模板并高亮(圖文教程)

來源:懂視網 責編:小采 時間:2020-11-27 22:26:57
文檔

Sublime Text新建.vue模板并高亮(圖文教程)

Sublime Text新建.vue模板并高亮(圖文教程):本文介紹了 Sublime Text新建.vue模板并高亮(圖文教程),分享給大家,也給自己留個筆記。 準備工作 下載安裝新建文件模板插件 SublimeTmpl 下載安裝vue語法高亮插件 Vue Syntax Highlight Sublime Text安裝插件的方法有兩種: 1、使用Subl
推薦度:
導讀Sublime Text新建.vue模板并高亮(圖文教程):本文介紹了 Sublime Text新建.vue模板并高亮(圖文教程),分享給大家,也給自己留個筆記。 準備工作 下載安裝新建文件模板插件 SublimeTmpl 下載安裝vue語法高亮插件 Vue Syntax Highlight Sublime Text安裝插件的方法有兩種: 1、使用Subl

本文介紹了 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 文件好像是配置命令的,配置方法也跟上面相同,照貓畫虎即可~

最后的最后

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

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Sublime Text新建.vue模板并高亮(圖文教程)

Sublime Text新建.vue模板并高亮(圖文教程):本文介紹了 Sublime Text新建.vue模板并高亮(圖文教程),分享給大家,也給自己留個筆記。 準備工作 下載安裝新建文件模板插件 SublimeTmpl 下載安裝vue語法高亮插件 Vue Syntax Highlight Sublime Text安裝插件的方法有兩種: 1、使用Subl
推薦度:
標簽: 模板 高亮 sublime
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 久久精品亚洲一区二区三区浴池 | 91福利一区二区三区 | 91香蕉国产亚洲一区二区三区 | 国产99视频精品免费观看7 | 免费一级特黄a | 国产91在线 | 日本 | 一区二区在线播放视频 | 国产精品亚洲欧美一区麻豆 | 九九热精品在线观看 | 欧美成人亚洲国产精品 | 一区高清 | 97精品国产91久久久久久久 | 国产福利视精品永久免费 | 国产欧美日韩一区二区三区在线 | 国产成人精品日本亚洲语音2 | 极品色在线精品视频 | 精品视频在线观看免费 | 久久久久国产成人精品亚洲午夜 | 国产成人亚洲综合一区 | 欧美国产成人精品一区二区三区 | 午夜视频一区 | 亚洲成色999久久网站 | 亚洲欧美日韩在线精品一区二区 | 一97日本道伊人久久综合影院 | 日韩经典欧美一区二区三区 | 欧美福利网 | 日韩欧美区 | 日日综合| 亚韩在线| 欧洲亚洲综合 | 一区二区视频在线播放 | 国产成人亚洲综合 | 日韩123| 国产一区二区高清 | 久久精品美女 | 天天躁日日躁狠狠躁中文字幕老牛 | 日韩国产在线播放 | 日韩在线精品视频 | 欧美亚洲三级 | 91精品欧美一区二区三区 | 国产精品ⅴ视频免费观看 |