vscode如何设置Vue别名路径智能提示
发表于:2025-02-05 作者:千家信息网编辑
千家信息网最后更新 2025年02月05日,小编给大家分享一下vscode如何设置Vue别名路径智能提示,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!当使用 Vue
千家信息网最后更新 2025年02月05日vscode如何设置Vue别名路径智能提示
小编给大家分享一下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别名路径智能提示"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
路径
文件
别名
提示
配置
智能
篇文章
内容
方案
问题
静态
项目
开发
低能
不怎么
作用
只需
同时
同级
大部分
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
手机装卡后无法连接到服务器
软件开发专用液晶屏
服务器管理口设置外网登录
小学游戏充值等网络安全简报
英特尔面试题软件开发
两台服务器如何传输
公安网络安全招聘
服务器英特尔第九代处理器
研华串口服务器和数据网关的区别
成都有没有软件开发
服务器系统软件
plsql两个数据库互访
领信网络技术有限公司怎么样
无锡加工软件开发价格
a3睿财数据库下载
计算机网络安全的内容和要求
常熟高品质服务器客户至上
网络安全宣传讨论稿
做比特币的公司软件开发好么
docker视频播放服务器
南阳共享床头柜软件开发
网络安全日主题2019
spark 中间数据库
杨浦区信息化软件开发供应商
数据库 实体分析案例
计算机网络技术的由来
服务器生产公司如何找关键字
怎么在国际服里面开自己的服务器
网络安全国外经典案例
慈溪游戏软件开发设计