国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vscode中 vue3+ts 項目的提示失效,volar插件失效問題解決方案

這篇具有很好參考價值的文章主要介紹了vscode中 vue3+ts 項目的提示失效,volar插件失效問題解決方案。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

前情提要

volar有沒有類似@ts-ignore,TypeScript,vscode,ide,編輯器
說起來很恥辱,從mac環(huán)境換到window環(huán)境,vscode的配置都是云端更新過來的,應該是一切正常才對,奇怪的是我的項目環(huán)境出現(xiàn)問題了,關于組件的ts和追蹤都沒有效果,再經(jīng)過一上午的排查和試錯后,終于被我解決,問題的原因是volar和ts環(huán)境之間的版本不匹配,下面來看下我的解決過程和問題復現(xiàn)。


bug回顧

大家的插件庫里應該都有一個這樣的插件
volar有沒有類似@ts-ignore,TypeScript,vscode,ide,編輯器
這是一個增強我們ts開發(fā)體驗的插件,有了它之后我們的開發(fā)會很有樂趣,比如,我們自定義了一個組件,那么它里面有哪些參數(shù),該插件就會幫我們提示,例子如下:
volar有沒有類似@ts-ignore,TypeScript,vscode,ide,編輯器
尤其是使用一些三方組件的時候,很多屬性是未知的,所以這樣的提示必不可少。那么我的問題就是沒有這些提示和組件高亮追蹤了,如下所示:

volar有沒有類似@ts-ignore,TypeScript,vscode,ide,編輯器
可以看到標簽高亮也沒有,屬性提示更是不存在


解決方案

前面提到,我調(diào)研到是Volar和TS的版本問題,所以,我們要切換Volar插件的Ts版本

ctrl+shift+p 出現(xiàn)命令板,輸入如下命令并點擊:>Volar:select Type

volar有沒有類似@ts-ignore,TypeScript,vscode,ide,編輯器
出現(xiàn)下面這個選項后,可以看到,當前vscodes的 ts 版本是5.4,而項目依賴的是4.82,所以切到項目依賴的版本上去,我們的Volar就可以重新使用了。
volar有沒有類似@ts-ignore,TypeScript,vscode,ide,編輯器


最后

?? Typescript
?? 個人簡介:一個喜愛技術的人。
?? 勵志格言: 腳踏實地,虛心學習。
?如果文章還可以,記得用你可愛的小手點贊??關注?,我會在第一時間回、回訪,歡迎進一步交流。文章來源地址http://www.zghlxwxcb.cn/news/detail-768244.html

到了這里,關于vscode中 vue3+ts 項目的提示失效,volar插件失效問題解決方案的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • vue3+vite+ts項目搭建之后,vscode文件夾下紅色波浪線問題

    vue3+vite+ts項目搭建之后,vscode文件夾下紅色波浪線問題

    ????????搭建完vue3+vite+ts項目之后,用vscode打開項目,發(fā)現(xiàn) .vue 文件和 main.ts 文件夾下都有紅色破浪線(如下圖所示)。幾番周折終于解決了這個問題。 1. 解決.ts文件報錯 報錯原因:ts不識別.vue后綴的文件。 解決方式:創(chuàng)建腳手架的時候,項目的根目錄下會生成一個en

    2024年02月04日
    瀏覽(20)
  • Vue3 + Vite + Ts 開發(fā)必備的 VSCode 插件

    Vue3 + Vite + Ts 開發(fā)必備的 VSCode 插件

    Vetur:Vue 語法高亮和語法檢查插件。 Vue Peek:快速定位 Vue 組件和模板。 Vue 3 Snippets:快速生成 Vue3 相關代碼的代碼片段。 Vue VSCode Extension Pack:包含了一系列優(yōu)秀的 Vue 相關插件,如 Vetur、Vue Peek、ESLint 等。 Vite:Vue 官方提供的快速開發(fā)工具,可以快速構建和啟動項目,同時

    2024年02月05日
    瀏覽(30)
  • vscode vue2 + volar 全局代碼提示

    vscode vue2 + volar 全局代碼提示

    這幾天更新vscode vetur的后? 項目一直轉(zhuǎn)loading加載不出來了,索性就直接換volar了。 一、基礎配置 但是volar的配置在vue3和vue2里是不太一樣的? ?需要一些額外的配置。記錄一下踩坑。 首先vscode安裝擴展 Vue Language Features (Volar) 、?TypeScript Vue Plugin (Volar)? 并且卸載或者禁用掉原

    2024年02月16日
    瀏覽(29)
  • Vue項目VScode提示失效(一直在加載中、ctrl+鼠標左鍵失效)

    Vue項目VScode提示失效(一直在加載中、ctrl+鼠標左鍵失效)

    最近打開前端項目發(fā)現(xiàn)一些奇怪的現(xiàn)象: 代碼提示沒了 ctrl+鼠標左鍵失效 鼠標放錯誤代碼一直顯示“正在加載” vscode下方一直顯示“l(fā)oad project xxx” style中 顏色預覽小方塊不見了 解決方法: 這個問題其實是插件沖突問題,是Vetur和Eslint沖突,打開插件管理,安裝另一個版本

    2024年02月15日
    瀏覽(23)
  • vscode配置Volar對vue3的格式化支持

    vscode配置Volar對vue3的格式化支持

    在瀏覽vue的官方文檔時,看到了一句Volar VSCode 插件為 Vue SFC 提供了開箱即用的格式化功能,官方推薦的,立馬試試 在vscode中啟用volar時,鼠標右鍵會顯示使用…進行格式化 選擇volar 通過項目vscode編輯器配置來保存時自動進行格式化 在項目根目錄下創(chuàng)建以下文件并配置 .vsco

    2024年02月13日
    瀏覽(18)
  • vite+vue3+ts項目中提示無法找到模塊

    今天在開發(fā)過程中碰到了導入模塊時提示無法找到模塊這個問題,分享一下我的解決思路 首先產(chǎn)生這個錯誤是: 無法找到模塊XXX,并且提示\\\'XXX\\\' is declared but its value is never read 產(chǎn)生這個問題的原因是我們使用了ts語法,他只能識別.ts文件,并不能識別.vue文件,所以在引入組件

    2024年02月11日
    瀏覽(29)
  • 解決vue3 + vite + ts 中require失效的問題(require is not defind)

    require is not defind? 因為 require 是屬于 Webpack 的方法,vite中找不到這個方法肯定報錯 解決方法:創(chuàng)建一個工具文件getImge.ts 使用工具文件: html中

    2024年02月16日
    瀏覽(19)
  • 【必備】用VSCode開發(fā)Vue程序必備插件之一Vue Language Features (Volar)

    【必備】用VSCode開發(fā)Vue程序必備插件之一Vue Language Features (Volar)

    通過安裝該插件 才能通過賺到編輯器中的符號 Vue Language Features 是為 Vue、Vitepress 和 petite-vue 構建的語言支持擴展。這是基于@vue/reactivity按需計算一切,實現(xiàn)原生 TypeScript 語言服務級別性能。 [溫馨提示] 創(chuàng)建 vue 維特斯 嬌小的 vue3-eslint-stylelint-demo(Volar + ESLint + stylelint + husk

    2024年02月05日
    瀏覽(18)
  • vue3+ts項目在vscode中爆紅提示修復

    vue3+ts項目在vscode中爆紅提示修復

    問題描述: 新搭建的vue3+ts項目,在vscode中打開,已經(jīng)安裝的的依賴文件也會提示紅線 如下圖: 在vscode中的tsconfig.json修改配置如下: 代碼如下:

    2024年01月25日
    瀏覽(53)
  • 新建vite+vue3+ts項目,以及解決過程中遇到的問題

    新建vite+vue3+ts項目,以及解決過程中遇到的問題

    目錄 一、新建vite+vue3+ts項目 二、解決過程中遇到的問題 解決報錯:Module ‘“xx.vue“‘ has no default export. 解決報錯:Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘uuid’ imported from xxx的解決 解決報錯:[plugin:vite:css] Preprocessor dependency \\\"less\\\" not found. Did you install it? 此處我使用npm做一下

    2024年02月06日
    瀏覽(78)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包