vscode如何设置Vue别名路径智能提示 - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下vscode如何设置Vue别名路径智能提示,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

当使用<强> Vue 框架进行项目开发时,在<代码> vue.config。js代码中配置好了路径别名后,到其他页面引入组件,引入css,引入静态文件路径时,使用路径别名不会智能提示路径。虽然在vscode中安装了路径的智能插件,但是并无作用。这样容易出现路径拼写错误的低能问题,同时也会造成开发效率降低

<强>解决方案

<李>

在项目<代码>包。json> jsconfig。json> 它只能识别<代码>。vue 和<代码>。js代码结尾的文件,css代码 <代码>文件与其他的静态文件依然没有提示,不推荐! ! ! )

//,.jsconfig.json , 　　{,, 　　,,,“compilerOptions":, {,, 　　,,,,,,,“baseUrl":,“干净自己,,, 　　,,,,,,,“paths":, {,, 　　,,,,,,,,,,,“@/\ *”:,\ [& # 39;src/\ * & # 39; \],,, 　　,,,,,,,,,,,,/\ *”:,\ [“src/资产/\ *“\],,, 　　,,,,,,,,,,,“c/\ *”:, \ [“src/组件/\ *“\],,, 　　,,,,,,,,,,,,,, 　　,,,,,,,},, 　　,,,,},,, 　　,,,“include":, \ [“。/src//\ \ * \ * * .vue",,“。/src//\ \ * \ * * .js" \],, 　　,,,“exclude":, \[“节点\ _modules" \],, 　　} <李>

<强>在vscode的<代码>设置。json> (该方案是最优选,能识别任意格式文件,覆盖率最广。当别名发生改变时只需修改配置即可)

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

以上是“vscode如何设置Vue别名路径智能提示”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!