基于vue项目设置resolves.alias: '@'路径并适配webstorm

更新时间：2020年12月02日 09:57:29 作者：王者归来！

这篇文章主要介绍了基于vue项目设置resolves.alias: '@'路径并适配webstorm,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

在webpack的配置项中添加下面代码

function resolve (dir) {
 return path.join(__dirname, dir)
}
webpackConfig = {
  resolve: {
   alias: {
    '@': resolve('src')
   }
  }
}

然后再设置一下下，在你的IDE中按住CTRL就能根据路径跳转到对应文件了

描述： ctrl+alt+s 搜索 webpack 然后选择\node_modules\@vue\cli-service\webpack.config.js 文件点击 OK

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

在 Vue 中使用 JSX 及使用它的原因浅析
这篇文章主要介绍了在 Vue 中使用 JSX 及使用它的原因浅析，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2020-02-02
vue实现列表的添加点击
这篇文章主要为大家详细介绍了vue实现列表的添加点击，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
详解vue过滤器在v2.0版本用法
本篇文章主要介绍了vue过滤器在v2.0版本用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
富文本编辑器quill.js 开发之自定义插件示例详解
这篇文章主要为大家介绍了富文本编辑器quill.js 开发之自定义插件示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-08-08
如何手写一个简易的 Vuex
这篇文章主要介绍了如何手写一个简易的 Vuex，帮助大家更好的理解和学习vue，感兴趣的朋友可以了解下
2020-10-10
基于Vue3实现前端埋点上报插件并打包发布到npm的详细过程
这篇文章主要介绍了基于Vue3实现一个前端埋点上报插件并打包发布到npm,本项目采用pnpm进行Monorepo环境搭建,因为未来这个项目可能会加入更多的工具包，需要的朋友可以参考下
2022-10-10
Vue实现登录功能全套超详细讲解(含封装axios)
这篇文章主要给大家介绍了关于Vue实现登录功能(含封装axios)的相关资料,Vue是现在前端最流行的框架之一,作为前端开发人员应该要熟练的掌握它,需要的朋友可以参考下
2023-10-10
vue3中的 $attrs 与 Attributes 继承
这篇文章主要介绍了vue3中的 $attrs 与 Attributes 继承的相关资料,首先介绍了什么是Attributes 继承,结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
2024-02-02
Vue项目如何获取本地文件夹绝对路径
这篇文章主要介绍了Vue项目如何获取本地文件夹绝对路径问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
实现Vue的markdown文档可以在线运行的方法示例
这篇文章主要介绍了实现Vue的markdown文档可以在线运行的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-12-12