idea vue项目通过@跳转 vue设置完@映射路径之后在IDEA中无法跳转

- 日理万妓 2023-10-07 17:40 20阅读 0赞

如下图所示我们常用的 @ 符号来表示根目录，在 idea 中，按住 ctrl 键盘无法跳转，开发效率很不高，对于小编来说，是必须要解决的  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]

解决方法就是在根目录下，跟package.json同级，否则无法获得正确路径，名字随便起，我这个文件叫做 alais.config.js

const path = require('path')
    
    function resolve(dir) {
        
      return path.join(__dirname, dir)
    }
    
    module.exports = {
        
      resolve: {
        
        alias: {
        
          '@': resolve('src')
        }
      }
    }

然后在idea的settings中配置一下这个文件，搜索webpack关键词，在Languages & Frameworks这一栏下面有个webpack，如下图所示

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16 1]

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/40b78b967854456382f332bf17b4853e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/23ebdfee66944bbf95af79345db4a534.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关【vue项目】中跳转页面

一、跳转外链页面替换当前页（重新定位当前页）：window.location.href EX：window.location.href = “http链接” 打卡

短命女/ 2023年10月12日 11:49/ 0 赞/ 43 阅读

相关 idea vue项目通过@跳转 vue设置完@映射路径之后在IDEA中无法跳转

如下图所示我们常用的 @ 符号来表示根目录，在 idea 中，按住 ctrl 键盘无法跳转，开发效率很不高，对于小编来说，是必须要解决的 ![在这里插入图片描述][wate

- 日理万妓/ 2023年10月07日 17:40/ 0 赞/ 21 阅读

相关 vue中的路由跳转方法，详细（vue路由跳转）

简述：Vue路由可以帮助你在单页应用中管理应用的不同页面和页面间的跳转，通过Vue路由，你可以实现页面的动态切换和无刷新加载，提升用户体验和页面性能，今天就来分享下Vue中路

痛定思痛。/ 2023年10月02日 23:42/ 0 赞/ 21 阅读

相关 vue 页面跳转

1.href//跳转刷新页面 @click = jumpCompanyProfile(item.picktextUrl)//参数是后台给的接口 jump

一时失言乱红尘/ 2023年08月17日 15:40/ 0 赞/ 161 阅读

相关【vue系列】在router.beforeEach中跳转

我目前项目基于element-ui+vue+router架构的平台，我会每天总结一点遇到的坑和解决方案，以备后续查阅解决。需求描述用户跳转到固定页面时，判断用户

淩亂°似流年/ 2022年11月15日 11:59/ 0 赞/ 166 阅读

相关 idea设置@vue跳转

/ 此文件未使用，只是为了让idea可以识别实际位置 / const path = require('path'); function res

缺乏、安全感/ 2022年11月01日 13:43/ 0 赞/ 227 阅读

相关 vue4 跳转外部链接_vue项目跳转到外部链接

vue项目中遇到一个打印的功能。思考之后决定点击按钮，跳转到一个HTML页面(后台写的)，利用window.print()方法调用浏览器的打印的功能。所以，现在的问题是，怎

桃扇骨/ 2022年10月26日 14:09/ 0 赞/ 36 阅读

相关 Vue 页面跳转

1.单页面跳转 1.1 无参数-- this.$router.push(path: ' 路由 ') 传递参数 -- this.$router.pus

Bertha 。/ 2022年03月26日 05:05/ 0 赞/ 334 阅读

相关 vue 页面跳转

1.使用 `<router-link>` 创建 a 标签 <router-link to="/city"> <div>跳转</div> </

你的名字/ 2021年12月12日 13:57/ 0 赞/ 413 阅读

相关 IDEA的各种跳转

一 Home键跳转到行首，End键跳转到行尾。二 Ctrl+左/右：跳过一个单词。三 Ctrl+Shift+左/右：选中一个词。四 Ctrl+G：跳到指定行。五

﹏ヽ暗。殇╰゛Y/ 2021年07月24日 12:42/ 0 赞/ 771 阅读