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的势头正盛，在diff算法方面也做了相应的变化，利用到了最长递增子序列把性能又提升了一个档次。本文就来带大家简单解刨一下Vue3中的diff算法2023-02-02
这篇文章主要为大家介绍了vuedraggable拖拽到目标区域实现过程解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
本文主要介绍了Vue操作数组的几种常用方法小结,主要包括map、filter、forEach、find 和 findIndex 、some 和 every、includes、Array.from这几种方法,感兴趣的可以了解一下2023-09-09
这篇文章主要为大家详细介绍了Vue分页器实现原理，编写了分页器组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
再做前端页面的时候,想获取本地的ip地址,可能是为了和服务器通信,可能是为了展示,无论哪种,下面给大家总结下方法,这篇文章主要给大家介绍了关于vue前端获取本地IP地址的相关资料,需要的朋友可以参考下2024-05-05
vue项目中接入websocket时需要ip端口动态部署问题
这篇文章主要介绍了vue项目中接入websocket时需要ip端口动态部署问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-09-09
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
这篇文章主要介绍了Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-11-11
适用于 Vue 的播放器组件Vue-Video-Player操作
这篇文章主要介绍了适用于 Vue 的播放器组件Vue-Video-Player操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要为大家详细介绍了vue通过定时器实现垂直滚动公告，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要为大家介绍了vuex页面刷新数据丢失解决方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
最新评论