當使用 Vue 框架進行項目開發(fā)時，在 vue.config.js中配置好了路徑別名后，到其他頁面引入組件、引入 css 、引入靜態(tài)文件路徑時，使用路徑別名不會智能提示路徑。雖然在 vscode 中安裝了 Path Intellisense 插件，但是并無作用。這樣容易出現路徑拼寫錯誤的低能問題，同時也會造成開發(fā)效率降低

相關推薦：《vscode基礎教程》、《vue教程》

解決方案

在項目 package.json所在同級目錄下創(chuàng)建文件 jsconfig.json， 來解決別名路徑不提示的問題。（配置完保存文件后需要重啟編輯器才能生效。而且它只能識別 .vue和 .js結尾的文件，css文件與其他的靜態(tài)文件依然沒有提示， 不推薦！?。。?/p>

// .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 配置（該方案是最優(yōu)選，能識別任意格式文件，覆蓋率最廣。當別名發(fā)生改變時只需修改配置即可）

// setting.json  
"path-intellisense.mappings": {"a": "${workspaceRoot}/src","c": "${workspaceRoot}/src/components",...  
}

更多編程相關知識，請訪問：編程教學??！
網頁名稱：vscode怎么設置Vue別名路徑智能提示？
當前鏈接：http://weahome.cn/article/cjdsgp.html