vscode不支持nvue語(yǔ)法高亮的解決辦法(圖文詳解)
更新時(shí)間：2023年02月27日 09:58:40 作者：頭發(fā)掉完就不學(xué)了
這篇文章主要介紹了vscode不支持nvue語(yǔ)法高亮的解決辦法,用vscode開(kāi)發(fā)uniapp會(huì)遇到用.nvue開(kāi)發(fā)的時(shí)候。但是vscode并沒(méi)有提供.nvue的語(yǔ)法高亮，這篇文章給剛用vscode寫(xiě).nvue的讀者，需要的朋友可以參考下
項(xiàng)目場(chǎng)景：
項(xiàng)目場(chǎng)景：用vscode開(kāi)發(fā)uniapp會(huì)遇到用.nvue開(kāi)發(fā)的時(shí)候。但是vscode并沒(méi)有提供.nvue的語(yǔ)法高亮，這篇文章給剛用vscode寫(xiě).nvue的讀者
問(wèn)題描述
例如：vscode中使用*.nvue識(shí)別不出文件類型，沒(méi)有語(yǔ)法高亮
如圖：
原因分析：
我這里用的插件是vue3語(yǔ)法支持的Volar，網(wǎng)上鋪天蓋地的vetur解決方案，其實(shí)只要vscode配置一下就行
解決方案：
配置如圖
解決效果
到此這篇關(guān)于vscode不支持nvue語(yǔ)法高亮的解決辦法的文章就介紹到這了,更多相關(guān)vscode不支持nvue語(yǔ)法高亮內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue項(xiàng)目在IE瀏覽器頁(yè)面白屏且報(bào)錯(cuò)SCRIPT1010:缺少標(biāo)識(shí)符問(wèn)題
Vue項(xiàng)目在谷歌瀏覽器中正常運(yùn)行,但在IE瀏覽器中出現(xiàn)問(wèn)題,如白屏和控制臺(tái)報(bào)錯(cuò),解決過(guò)程包括檢查IE設(shè)置、調(diào)整編輯器配置、引入兼容性插件、使用productionSourceMap定位錯(cuò)誤、檢查插件依賴和版本,以及重新構(gòu)建項(xiàng)目2024-09-09
npm安裝vue腳手架報(bào)錯(cuò)警告npm WARN deprecated
安裝vue腳手架報(bào)錯(cuò)可能具體原因比較多,可以根據(jù)報(bào)錯(cuò)信息進(jìn)行排查,本文主要介紹了npm安裝vue腳手架報(bào)錯(cuò)警告npm WARN deprecated,感興趣的可以了解一下2023-11-11
如果我們?cè)诿總€(gè)組件中去重復(fù)定義這些屬性和方法會(huì)使得項(xiàng)目出現(xiàn)代碼冗余并提高了維護(hù)難度，針對(duì)這種情況官方提供了Mixins特性，這時(shí)使用Vue mixins混入有很大好處，下面就介紹下Vue mixins混入使用方法，需要的朋友參考下吧2021-08-08
這篇文章主要為大家介紹了前端面試之vue2和vue3的區(qū)別有哪些，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
在本文中我們給大家整理了關(guān)于Vue項(xiàng)目服務(wù)器部署之子目錄部署方法和具體步驟，需要的朋友們參考下。2019-05-05
Intellij IDEA搭建vue-cli項(xiàng)目的方法步驟
這篇文章主要介紹了Intellij IDEA搭建vue-cli項(xiàng)目的方法步驟,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
這篇文章主要介紹了淺談vue2的$refs在vue3組合式API中的替代方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
vue中keep-alive內(nèi)置組件緩存的實(shí)例代碼
這篇文章主要介紹了vue中的keep-alive內(nèi)置組件緩存，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
vue中使用element ui的彈窗與echarts之間的問(wèn)題詳解
這篇文章主要介紹了vue中使用element ui的彈窗與echarts之間的問(wèn)題詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
vue前端HbuliderEslint實(shí)時(shí)校驗(yàn)自動(dòng)修復(fù)設(shè)置
這篇文章主要為大家介紹了vue前端中Hbulider中Eslint實(shí)時(shí)校驗(yàn)自動(dòng)修復(fù)設(shè)置操作過(guò)程，有需要的朋友可以借鑒參考下希望能夠有所幫助2021-10-10