WebStorm無法正確識別Vue3組合式API的解決方案
1 問題描述
Vue3的組合式API無法在WebStorm中正確識別,表現(xiàn)為defineComponent等無法被識別:
2 嘗試方案
猜想這種問題的原因是無法正確識別對應的Vue3庫,筆者相信WebStorm是可以做到的,只是某些配置沒有正確,筆者嘗試過在設置的Libraries中勾選上node_modules,但是沒有效果。
3 解決辦法
最終的解決辦法參考了此處(圖源):
選擇node_modules文件夾,右鍵選擇Mark Directory as,最后選擇Not Excluded即可。
之后會花費一段時間索引,等待完成即可。
4 一些思考
看了一下WebStorm的文檔,項目中的文件夾總共分為四類:
- Source:默認選項,所有文件夾默認都被視為Source除非設置為了Tests/Resource Root/Excluded
- Tests:標記為測試的文件夾
- Resource Root:資源文件夾,在輸入某些需要資源的代碼時,比如,會自動提示該文件夾路徑下的資源文件
- Excluded:代碼補全、代碼導航等會忽略的文件夾。這個選項能提高WebStorm性能
在設置中搜索Directories可以發(fā)現(xiàn)node_modules默認是Excluded:
標記為Not Excluded后,就不是紅色了:
因此解決并不難,只是無法正確識別的原因。
以上就是WebStorm無法正確識別Vue3組合式API的解決方案的詳細內(nèi)容,更多關于WebStorm無法正確識別Vue3組合式API的資料請關注腳本之家其它相關文章!
相關文章
vue.js的雙向數(shù)據(jù)綁定Object.defineProperty方法的神奇之處
今天小編就為大家分享一篇關于vue.js的雙向數(shù)據(jù)綁定Object.defineProperty方法的神奇之處,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-01-01基于Element封裝一個表格組件tableList的使用方法
這篇文章主要介紹了基于Element封裝一個表格組件tableList的使用方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-06-06使用Vue Composition API寫出清晰、可擴展的表單實現(xiàn)
這篇文章主要介紹了使用Vue Composition API寫出清晰、可擴展的表單實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-06-06Vue + element實現(xiàn)動態(tài)顯示后臺數(shù)據(jù)到options的操作方法
最近遇到一個需求需要實現(xiàn)selector選擇器中選項值options 數(shù)據(jù)的動態(tài)顯示,而非寫死的數(shù)據(jù),本文通過實例代碼給大家分享實現(xiàn)方法,感興趣的朋友一起看看吧2021-07-07vue自定義加載指令v-loading占位圖指令v-showimg
這篇文章主要為大家介紹了vue自定義加載指令和v-loading占位圖指令v-showimg的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08