溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下vscode如何設置Vue別名路徑智能提示，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
當使用 Vue 框架進行項目開發時，在 vue.config.js 中配置好了路徑別名后，到其他頁面引入組件、引入 css 、引入靜態文件路徑時，使用路徑別名不會智能提示路徑。雖然在 vscode 中安裝了 Path Intellisense 插件，但是并無作用。這樣容易出現路徑拼寫錯誤的低能問題，同時也會造成開發效率降低
解決方案
在項目 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",
...
}以上是“vscode如何設置Vue別名路徑智能提示”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
