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