vue项目设置@路径提示,@代替src方式
更新时间：2025年11月03日 09:06:51 作者：Hello^_^Monkey
文章介绍了在Vue项目中配置`@`路径提示的步骤,包括安装`pathnpminstall path --save`、配置`vue.config.js`、安装VSCode插件`Path Intellisense`、在`settings.json`中配置别名,并重启VSCode
vue项目设置@路径提示,@代替src
1.安装path
npm install path --save
2.vue.config.js中配置
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
configureWebpack: {
name: name,
resolve: {
alias: {
'@': resolve('src')
}
},
},
3.下载VScode插件 Path-intellisense
4.在setting.json中配置
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src/"
},
重启vscode即可实现@ 路径提示
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
对于日常使用vue3开发项目的前端小伙伴来说,组件通信方式可以说是必会的基本功,今天带大家一起盘下vue3中的14种通信方式,希望对大家有所帮助2025-01-01
vue 动态组件用于实现在指定位置上，动态加载不同的组件，这篇文章主要介绍了Vue动态组件 component :is的使用,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了vue 遮罩层阻止默认滚动事件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue使用Print.js打印页面样式不出现的解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
基于vue-cli、elementUI的Vue超简单入门小例子（推荐）
这篇文章主要介绍了基于vue-cli、elementUI的Vue超简单入门小例子，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
vue3结合ts从零实现vueuse的useRouteQuery方法
这篇文章主要为大家详细介绍了如何使用vue3与ts从零实现一个类vueuse的useRouteQuery方法,并解决vueuse的useRouteQuery方法存在的一些问题,感兴趣的可以了解下2024-03-03
在项目开发过程中,我们经常会用到svg矢量图,本文主要介绍了vue3中引入svg矢量图的实现示例,具有一定的参考价值,感兴趣的可以了解一下2023-11-11
这篇文章主要为大家介绍了vue.js项目中使用原生js实现移动端的轮播图，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-04-04
在现代Web应用中,步骤条作为一种常见的UI组件,广泛应用于表单提交、任务进度以及多步骤操作等场景,下面我们来看看如何利用Vue实现一个蛇形步骤条吧2024-11-11
这篇文章主要介绍了正确更改Ant Design of Vue样式的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最新评论