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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在Vue中實(shí)現(xiàn)深度監(jiān)聽的示例代碼
在 Vue 中,深度監(jiān)聽是指監(jiān)聽一個(gè)對象或數(shù)組的嵌套屬性（深層結(jié)構(gòu)）的變化,而不僅僅是監(jiān)聽頂層屬性的引用變化,本文給大家介紹了如何在Vue中實(shí)現(xiàn)深度監(jiān)聽,并通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
這篇文章主要介紹了vue中使用props傳值的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Vue-Router如何動(dòng)態(tài)更改當(dāng)前頁url query
這篇文章主要介紹了Vue-Router如何動(dòng)態(tài)更改當(dāng)前頁url query問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
基于Vue3+TypeScript實(shí)現(xiàn)鼠標(biāo)框選功能
這篇文章主要介紹了基于Vue3+TypeScript實(shí)現(xiàn)鼠標(biāo)框選功能,文中通過代碼示例給大家講解的非常纖細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-07-07
vue3 vue-draggable-next如何實(shí)現(xiàn)拖拽穿梭框效果
這篇文章主要介紹了vue3 vue-draggable-next如何實(shí)現(xiàn)拖拽穿梭框效果,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
vue3組件的v-model:value與v-model的區(qū)別解析
在Vue3中,v-model和v-model:value都是用于實(shí)現(xiàn)雙向數(shù)據(jù)綁定的語法糖,但v-model:value提供了更顯式和靈活的綁定方式,允許你明確指定綁定的屬性名和事件名,它們的主要區(qū)別在于默認(rèn)行為、靈活性、多模型綁定和使用場景,感興趣的朋友一起看看吧2025-02-02
Vue+ECharts+高德地圖API實(shí)現(xiàn)天氣預(yù)報(bào)數(shù)據(jù)可視化的教程
所謂數(shù)據(jù)可視化，我們可以理解為從宏觀角度來看一眼就能看出來整個(gè)數(shù)據(jù)的占比，走向，對于數(shù)據(jù)可視化，很多互聯(lián)網(wǎng)公司是很看重這一塊的，包括大廠，本就將給大家介紹如何通過Vue+ECharts+高德地圖API實(shí)現(xiàn)天氣預(yù)報(bào)數(shù)據(jù)可視化2023-06-06
VUE實(shí)現(xiàn)移動(dòng)端列表篩選功能
這篇文章主要介紹了VUE實(shí)現(xiàn)移動(dòng)端列表篩選功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了vue2路由表中異步加載組件命名方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
深入理解與使用keep-alive(配合router-view緩存整個(gè)路由頁面)
這篇文章主要介紹了深入理解與使用keep-alive(配合router-view緩存整個(gè)路由頁面)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09