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别名路径智能提示”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

vscode如何设置Vue别名路径智能提示