vsCode中vue文件無法提示html標(biāo)簽的操作方法
前言
今天有同學(xué)問到老師：“ 老師，我的vue文件里書寫html代碼不提示了 ”，這個(gè)問題別說還真有點(diǎn)冷門，老師研究了一番之后終于妥善修復(fù)了這個(gè)問題，這里就將處理結(jié)果記錄下來，希望幫到有需要的同學(xué)。
此處分為兩種操作來處理：
可視化界面配置
如果我們的vue文件不再自動(dòng)聯(lián)想html的標(biāo)簽代碼，我們可以打開vsCode的設(shè)置界面：
在出現(xiàn)的設(shè)置界面中搜索includeLanguages，得出以下結(jié)果：
點(diǎn)擊添加項(xiàng)（Add Item），在出現(xiàn)的表格中填寫：
{"vue-html" : "html"}
{"vue" : "html"}然后保存，如下圖所示：
然后重啟編輯器，回到你的界面中就可以聯(lián)想提示html代碼啦
setting.json配置
另一種比較直接的方式就是，按下鍵盤Ctrl+Shift+P，調(diào)出全局搜索框，并輸入settings.json，注意此處先別著急回車！你會(huì)發(fā)現(xiàn)出現(xiàn)了三份settings.json
如圖所述：
- Open Default代表編輯器的全局默認(rèn)配置文件,這個(gè)文件是不可編輯的
- Open User代表當(dāng)前用戶配置文件，這個(gè)配置會(huì)應(yīng)用到用戶打開的所有工作區(qū)
- Open Workspace代表當(dāng)前工作區(qū)配置，即僅在當(dāng)前打開的工作區(qū)有效
此處我們選擇Open User，然后在JSON結(jié)構(gòu)中加上以下內(nèi)容：
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
}配置完成后應(yīng)該是這樣：
然后保存，關(guān)閉，重啟編輯器后也可以在vue文件中聯(lián)想html的代碼啦
趕緊去試試吧
總結(jié)
到此這篇關(guān)于vsCode中vue文件無法提示html標(biāo)簽的操作方法的文章就介紹到這了,更多相關(guān)vsCode vue無法提示html標(biāo)簽內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
作為使用Vue的開發(fā)者，我們對(duì)Vue指令一定不陌生，諸如v-model、v-on、等，同時(shí)Vue也為開發(fā)者提供了自定義指令的api，熟練的使用自定義指令可以極大的提高了我們編寫代碼的效率，讓我們可以節(jié)省時(shí)間開心的摸魚2023-04-04
vue實(shí)現(xiàn)氣泡運(yùn)動(dòng)撞擊效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)氣泡運(yùn)動(dòng)撞擊效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了從0搭建vue3組件庫(kù)Input組件,每個(gè)功能的實(shí)現(xiàn)代碼都做了精簡(jiǎn),方便大家快速定位到核心邏輯,接下來就開始對(duì)這些功能進(jìn)行實(shí)例代碼講解，需要的朋友可以參考下2022-11-11
vue-router相關(guān)基礎(chǔ)知識(shí)及工作原理
這篇文章主要介紹了vue-router相關(guān)基礎(chǔ)知識(shí)及單頁面應(yīng)用的工作原理,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了vue中的cookies緩存存值方式，超簡(jiǎn)單！具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue定義在computed的變量無法更新問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
Vuex中mutations與actions的區(qū)別詳解
下面小編就為大家分享一篇Vuex中mutations與actions的區(qū)別詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue-cli對(duì)element-ui組件進(jìn)行二次封裝的實(shí)戰(zhàn)記錄
組件類似于需要多個(gè)地方用到的方法,在Vue中組件就是一種復(fù)用（經(jīng)常使用）一個(gè)功能的手段,下面這篇文章主要給大家介紹了關(guān)于Vue?element?ui二次封裝的相關(guān)資料,需要的朋友可以參考下2022-06-06
基于vue-cli vue-router搭建底部導(dǎo)航欄移動(dòng)前端項(xiàng)目
這篇文章主要介紹了基于vue-cli vue-router搭建底部導(dǎo)航欄移動(dòng)前端項(xiàng)目,項(xiàng)目中主要用了Flex布局，以及viewport相關(guān)知識(shí)，已達(dá)到適應(yīng)各終端屏幕的目的。需要的朋友可以參考下2018-02-02
這篇文章主要介紹了Vue中的動(dòng)態(tài)路由匹配路由問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12