共计 707 个字符,预计需要花费 2 分钟才能阅读完成。
开发场景
当应用 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",
...
}
正文完