VSCode中書(shū)寫(xiě)Vue無(wú)代碼提示該如何解決
今天在配置VSC簡(jiǎn)便插件及實(shí)用技巧后書(shū)寫(xiě)Vue代碼時(shí)，發(fā)現(xiàn)代碼無(wú)提示，經(jīng)過(guò)幾輪查詢(xún)資料后發(fā)現(xiàn)了問(wèn)題所在，現(xiàn)給出解決措施。
第一步：我下載了 Vetur 和 Vue 2 Snippets 兩個(gè)插件，隨后創(chuàng)建了Vue模板，發(fā)現(xiàn)Vue并沒(méi)有語(yǔ)法模板提示；
第二步：隨后查詢(xún)資料，發(fā)現(xiàn)還需要安裝新插件 HTML Snippets ，然后進(jìn)行 setting.json 文件配置:
”文件“—”首選項(xiàng)“—”設(shè)置“—”文本編輯器“點(diǎn)擊”建議“點(diǎn)擊”在settings.json中編輯“，如下圖：
配置 setting.json 文件，黃色圈框中：
代碼復(fù)制：
"emmet.syntaxProfiles": {
"vue-html":"html",
"vue":"html"
},
//vue自動(dòng)補(bǔ)全
"files.associations": {
//extension name : html
"*.vue":"html",
"*.ejs":"html",
"*.js":"html",
}
第三步：經(jīng)歷以上兩次后，還是覺(jué)發(fā)不行，最后試了下 將 Vue 2 Snippets 更新為最新版 Vue 3 Snippets 保存后竟然可以了。
相信各位童靴經(jīng)過(guò)以上三個(gè)步驟后即可書(shū)寫(xiě)Vue代碼了！
總結(jié)
到此這篇關(guān)于VSCode中書(shū)寫(xiě)Vue無(wú)代碼提示該如何解決的文章就介紹到這了,更多相關(guān)VSCode寫(xiě)Vue無(wú)代碼提示內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于vue圖片懶加載代碼實(shí)現(xiàn)的相關(guān)資料,所謂圖片懶加載是指當(dāng)我們?yōu)g覽頁(yè)面時(shí),只加載我們?yōu)g覽器可視區(qū)的圖片,向下滾動(dòng)時(shí)再繼續(xù)加載后面的圖片,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了基于 Vue 的商品主圖放大鏡方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
Vue中使用方法、計(jì)算屬性或觀察者的方法實(shí)例詳解
這篇文章主要介紹了Vue中如何使用方法、計(jì)算屬性或觀察者的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-10-10
form?表單驗(yàn)證是異步問(wèn)題記錄(推薦)
這篇文章主要介紹了form?表單驗(yàn)證是異步問(wèn)題記錄,通過(guò)實(shí)例代碼介紹了Promise.all 和 Promise.allSettled 區(qū)別，需要的朋友可以參考下2023-01-01
vue,uniapp--js禁止頁(yè)面滾動(dòng),取消滾動(dòng)方式
這篇文章主要介紹了vue,uniapp--js禁止頁(yè)面滾動(dòng),取消滾動(dòng)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
Pinia是Vue的存儲(chǔ)庫(kù),它允許您跨組件/頁(yè)面共享狀態(tài),下面這篇文章主要給大家介紹了Pinia中action使用方法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
vue3中獲取dom元素和操作實(shí)現(xiàn)方法
ref是Vue3中一個(gè)非常重要的功能,它可以用來(lái)獲取DOM節(jié)點(diǎn),從而實(shí)現(xiàn)對(duì)DOM節(jié)點(diǎn)的操作,下面這篇文章主要給大家介紹了關(guān)于vue3中獲取dom元素和操作實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-06-06
vuex之this.$store.dispatch()與this.$store.commit()的區(qū)別及說(shuō)明
這篇文章主要介紹了vuex之this.$store.dispatch()與this.$store.commit()的區(qū)別及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue 進(jìn)階之實(shí)現(xiàn)父子組件間的傳值
這篇文章主要介紹了vue 進(jìn)階之實(shí)現(xiàn)父子組件間的傳值，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
Vue過(guò)渡效果之CSS過(guò)渡詳解(結(jié)合transition,animation,animate.css)
Vue 在插入、更新或者移除 DOM 時(shí)，提供多種不同方式的應(yīng)用過(guò)渡效果。本文將從CSS過(guò)渡transition、CSS動(dòng)畫(huà)animation及配合使用第三方CSS動(dòng)畫(huà)庫(kù)(如animate.css)這三方面來(lái)詳細(xì)介紹Vue過(guò)渡效果之CSS過(guò)渡2020-02-02