vscode如何智能提示php,vscode怎么设置Vue别名路径智能提示?

7c76763609fd8ad4a43e79ec02556524.png

当使用 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",

...

}

更多编程相关知识,请访问:编程教学!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值