WebStorm無法正確識(shí)別Vue3組合式API的解決方案
1 問題描述
Vue3的組合式API無法在WebStorm中正確識(shí)別，表現(xiàn)為defineComponent等無法被識(shí)別：
2 嘗試方案
猜想這種問題的原因是無法正確識(shí)別對(duì)應(yīng)的Vue3庫，筆者相信WebStorm是可以做到的，只是某些配置沒有正確，筆者嘗試過在設(shè)置的Libraries中勾選上node_modules，但是沒有效果。
3 解決辦法
最終的解決辦法參考了此處（圖源）：
選擇node_modules文件夾，右鍵選擇Mark Directory as，最后選擇Not Excluded即可。
之后會(huì)花費(fèi)一段時(shí)間索引，等待完成即可。
4 一些思考
看了一下WebStorm的文檔，項(xiàng)目中的文件夾總共分為四類：
- Source：默認(rèn)選項(xiàng)，所有文件夾默認(rèn)都被視為Source除非設(shè)置為了Tests/Resource Root/Excluded
- Tests：標(biāo)記為測(cè)試的文件夾
- Resource Root：資源文件夾，在輸入某些需要資源的代碼時(shí)，比如，會(huì)自動(dòng)提示該文件夾路徑下的資源文件
- Excluded：代碼補(bǔ)全、代碼導(dǎo)航等會(huì)忽略的文件夾。這個(gè)選項(xiàng)能提高WebStorm性能
在設(shè)置中搜索Directories可以發(fā)現(xiàn)node_modules默認(rèn)是Excluded：
標(biāo)記為Not Excluded后，就不是紅色了：
因此解決并不難，只是無法正確識(shí)別的原因。
以上就是WebStorm無法正確識(shí)別Vue3組合式API的解決方案的詳細(xì)內(nèi)容，更多關(guān)于WebStorm無法正確識(shí)別Vue3組合式API的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
vue.js的雙向數(shù)據(jù)綁定Object.defineProperty方法的神奇之處
今天小編就為大家分享一篇關(guān)于vue.js的雙向數(shù)據(jù)綁定Object.defineProperty方法的神奇之處，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
vue中有一張響應(yīng)式系統(tǒng)的流程圖，vue會(huì)將模板語法編譯成render函數(shù)，通過render函數(shù)渲染生成Virtual?dom，但是官方并沒有對(duì)模板編譯有詳細(xì)的介紹，這篇文章帶大家一起學(xué)習(xí)下vue的模板編譯2023-07-07
vue3.0自定義指令（drectives)知識(shí)點(diǎn)總結(jié)
在本篇文章里小編給大家整體了一篇關(guān)于vue3.0自定義指令（drectives)知識(shí)點(diǎn)總結(jié)，有興趣的朋友們可以學(xué)習(xí)下。2020-12-12
這篇文章主要介紹了vue3雙向綁定實(shí)現(xiàn)原理解讀,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
基于Element封裝一個(gè)表格組件tableList的使用方法
這篇文章主要介紹了基于Element封裝一個(gè)表格組件tableList的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
使用Vue Composition API寫出清晰、可擴(kuò)展的表單實(shí)現(xiàn)
這篇文章主要介紹了使用Vue Composition API寫出清晰、可擴(kuò)展的表單實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
在Vue3中為路由Query參數(shù)標(biāo)注類型的方法
這篇文章主要介紹了在Vue3中如何為路由Query參數(shù)標(biāo)注類型,我們就針對(duì)這個(gè)話題如何為路由Query參數(shù)標(biāo)注類型為例,看看Composable和IOC容器的代碼風(fēng)格究竟有什么不同,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了如何在 Vue 中使用 JSX，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2021-02-02
Vue + element實(shí)現(xiàn)動(dòng)態(tài)顯示后臺(tái)數(shù)據(jù)到options的操作方法
最近遇到一個(gè)需求需要實(shí)現(xiàn)selector選擇器中選項(xiàng)值options 數(shù)據(jù)的動(dòng)態(tài)顯示，而非寫死的數(shù)據(jù)，本文通過實(shí)例代碼給大家分享實(shí)現(xiàn)方法，感興趣的朋友一起看看吧2021-07-07
vue自定義加載指令v-loading占位圖指令v-showimg
這篇文章主要為大家介紹了vue自定義加載指令和v-loading占位圖指令v-showimg的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08