前情提要
說起來很恥辱,從mac環(huán)境換到window環(huán)境,vscode的配置都是云端更新過來的,應該是一切正常才對,奇怪的是我的項目環(huán)境出現(xiàn)問題了,關于組件的ts和追蹤都沒有效果,再經(jīng)過一上午的排查和試錯后,終于被我解決,問題的原因是volar和ts環(huán)境之間的版本不匹配,下面來看下我的解決過程和問題復現(xiàn)。
bug回顧
大家的插件庫里應該都有一個這樣的插件
這是一個增強我們ts開發(fā)體驗的插件,有了它之后我們的開發(fā)會很有樂趣,比如,我們自定義了一個組件,那么它里面有哪些參數(shù),該插件就會幫我們提示,例子如下:
尤其是使用一些三方組件的時候,很多屬性是未知的,所以這樣的提示必不可少。那么我的問題就是沒有這些提示和組件高亮追蹤了,如下所示:
可以看到標簽高亮也沒有,屬性提示更是不存在
解決方案
前面提到,我調(diào)研到是Volar和TS的版本問題,所以,我們要切換Volar插件的Ts版本
ctrl+shift+p 出現(xiàn)命令板,輸入如下命令并點擊:>Volar:select Type
出現(xiàn)下面這個選項后,可以看到,當前vscodes的 ts 版本是5.4,而項目依賴的是4.82,所以切到項目依賴的版本上去,我們的Volar就可以重新使用了。文章來源:http://www.zghlxwxcb.cn/news/detail-768244.html
最后
?? Typescript
?? 個人簡介:一個喜愛技術的人。
?? 勵志格言: 腳踏實地,虛心學習。
?如果文章還可以,記得用你可愛的小手點贊??關注?,我會在第一時間回、回訪,歡迎進一步交流。文章來源地址http://www.zghlxwxcb.cn/news/detail-768244.html
到了這里,關于vscode中 vue3+ts 項目的提示失效,volar插件失效問題解決方案的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!