當使用 vue 框架進行項目開發時，在 vue.config.js 中配置好了路徑別名后，到其他頁面引入組件、引入 css 、引入靜態文件路徑時，使用路徑別名不會智能提示路徑。雖然在 vscode 中安裝了 Path Intellisense 插件，但是并無作用。這樣容易出現路徑拼寫錯誤的低能問題，同時也會造成開發效率降低
相關推薦：《vscode基礎教程》、《vue教程》
解決方案
-
在項目 package.json 所在同級目錄下創建文件 jsconfig.json， 來解決別名路徑不提示的問題。（配置完保存文件后需要重啟編輯器才能生效。而且它只能識別 .vue 和 .js結尾的文件，css文件與其他的靜態文件依然沒有提示， 不推薦！！！）
//?.jsconfig.json?? {?? ????"compilerOptions":?{?? ????????"baseUrl":?".",?? ????????"paths":?{?? ????????????"@/*":?['src/*'],?? ????????????"a/*":?["src/assets/*"],?? ????????????"c/*":?["src/components/*"],?? ????????????...?? ????????}?? ?????},?? ????"include":?["./src/**/*.vue",?"./src/**/*.js"],? ????"exclude":?["node_modules"]?? }
-
在 vscode 的 setting.json 中給 Path Intellisence 配置（該方案是最優選，能識別任意格式文件，覆蓋率最廣。當別名發生改變時只需修改配置即可）
立即學習“前端免費學習筆記（深入）”；
//?setting.json?? "path-intellisense.mappings":?{?? ????"a":?"${workspaceRoot}/src",?? ????"c":?"${workspaceRoot}/src/components",?? ????...?? }
更多編程相關知識，請訪問：Path Intellisense！！
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
喜歡就支持一下吧
相關推薦
