VSCode中寫Vue沒有代碼提示的解決步驟(附圖文)
博主今天第一次使用Vue-CLI創(chuàng)建Vue2.x項(xiàng)目時(shí)，發(fā)現(xiàn)在VSCode中居然沒有Vue語法的代碼提示（Vue已經(jīng)配置完成），于是上網(wǎng)查詢資料后發(fā)現(xiàn)，原來是需要下載一個(gè)插件叫"Vetur"，操作步驟如圖1所示：
圖1 下載插件步驟
如果插件下載安裝完成后，編寫.vue文件時(shí)還是沒有代碼提示，這個(gè)時(shí)候就需要對(duì)VSCode的語言模式進(jìn)行更改，操作如圖2所示：
圖2 語言模式設(shè)置
以上兩步都完成后，就有代碼模板提示啦，如圖3所示：
圖3 代碼提示成功
2023.2.22更新
Vetur這個(gè)插件是對(duì)Vue2的項(xiàng)目適配比較好的，Vue3項(xiàng)目官方出了個(gè)插件叫Vue Language Features(Volar)。如圖4所示：
圖4 Volar插件安裝過程
但是經(jīng)過我測(cè)試，兩個(gè)插件在大部分時(shí)候都只支持單詞語法的提示，Vetur在已創(chuàng)建的標(biāo)簽外使用時(shí)才支持模板創(chuàng)建，而Volar好像不支持模板創(chuàng)建？！。并且兩個(gè)插件同時(shí)安裝了，需要禁用其中一個(gè)才能正常使用。
總結(jié)
到此這篇關(guān)于VSCode中寫Vue沒有代碼提示解決的文章就介紹到這了,更多相關(guān)VSCode寫Vue沒有代碼提示內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
五步教你用Nginx部署Vue項(xiàng)目及解決動(dòng)態(tài)路由刷新404問題
nginx 是一個(gè)代理的服務(wù)器,下面這篇文章主要給大家介紹了關(guān)于如何通過五步教你用Nginx部署Vue項(xiàng)目及解決動(dòng)態(tài)路由刷新404問題的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
Vue中監(jiān)視屬性和計(jì)算屬性區(qū)別解析
這篇文章主要介紹了Vue中監(jiān)視屬性和計(jì)算屬性區(qū)別,通過本文學(xué)習(xí)大家知道computed與watch配置項(xiàng)問題，computed能完成的功能，watch都可以完成，本文通過實(shí)例代碼給大家詳細(xì)講解，需要的朋友可以參考下2022-10-10
今天小編就為大家分享一篇vue自定義正在加載動(dòng)畫的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue項(xiàng)目純前端實(shí)現(xiàn)的模板打印功能示例代碼
在Vue項(xiàng)目中,通過使用vue-print-nb插件,可以實(shí)現(xiàn)頁面的打印功能,這篇文章主要介紹了vue項(xiàng)目純前端實(shí)現(xiàn)的模板打印功能的相關(guān)資料,需要的朋友可以參考下2024-10-10
vue中echarts自動(dòng)輪播tooltip問題
這篇文章主要介紹了vue中echarts自動(dòng)輪播tooltip問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
JavaScript實(shí)現(xiàn)簡(jiǎn)單的圖片切換功能(實(shí)例代碼)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的圖片切換功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2020-04-04
Vue項(xiàng)目打包(build)時(shí),自動(dòng)打以時(shí)間命名的壓縮包方式
這篇文章主要介紹了Vue項(xiàng)目打包(build)時(shí),自動(dòng)打以時(shí)間命名的壓縮包方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue的生命周期就是vue實(shí)例從創(chuàng)建到銷毀的全過程,也就是new Vue()開始就是vue生命周期的開始。Vue實(shí)例有?個(gè)完整的?命周期,也就是從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模版、掛載Dom->渲染、更新->渲染、卸載等?系列過程,稱這是Vue的?命周期2022-10-10
淺談Vue CLI 3結(jié)合Lerna進(jìn)行UI框架設(shè)計(jì)
這篇文章主要介紹了淺談Vue CLI 3結(jié)合Lerna進(jìn)行UI框架設(shè)計(jì),在此之前先簡(jiǎn)單介紹一下Element的構(gòu)建流程，以便對(duì)比新的UI框架設(shè)計(jì)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04
這篇文章主要介紹了vue如何通過src引用assets中的圖片，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03