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

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

解决方法就是在根目录下，跟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，如下图所示

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

vue项目html引入css,vue项目引入自定义.css的样式文件
ES6的引入方式: .vue文件中 css文件引入 @import "../assets/common/common.css";//自定义.css的样式路径 js文件的引入在ma ...
Vue项目本地运行环境下设置既能localhost访问又能IP访问，并且可以外网环境下通过域名访问
打开项目build下index.js文件,将localhost改为 0.0.0.0,port端口号改不改都行,只要保证这个端口号没有被占用即可. 然后打开项目package.json文件,找到将红框 ...
vuex构建vue项目_如何使用Vue.js，Vuex，Vuetify和Firebase构建单页应用程序
vuex构建vue项目如何使用Vuetify和Vue路由器安装Vue并构建SPA (How to install Vue and build an SPA using Vuetify and Vue ...
Vue脚手架安装与 Vue项目创建运行、vue项目迁移后运行失败问题
目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功项目文件作用介绍快捷安装项目所需依赖命令 npm i Vu ...
如何创建基于webpack的vue项目和基于vite的vue项目及将现有vue项目变更为基于vite项目
基于新电脑实现步骤如下 1.如果这些都安装好了可以直接进入下一步,安装npm,分别敲入如下命令 /bin/zsh -c "$(curl -fsSL https://gitee.com/cun ...
IDEA打开vue项目，每次打开的都是上一次的vue项目，即同一个vue项目，解决方法
今天在打开其他vue项目的时候出现了一个大bug 前提:我用一个写好的vue项目vue_01复制之后重命名为vue_02,其实这里并包名没有修改成功,你还需要打开vue_02,右击项目Refactor ...
【移动端vue ui框架学习】vue项目如何使用基于vue的UI框架mint ui
看了下饿了么团队开发的PC端vue ui框架Element ui之后,顺便看了看同团队开发的移动端的vue ui框架mint ui,那么在vue项目中应该如何使用mint ui呢?以下做简单的记录. ...
【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架Element
看了下iView之后,顺便看了看同样基于vuejs的ui框架Element,那么在vue项目中应该如何使用Element呢?以下做简单的记录. 官网定义:Element,一套为开发者.设计师和产品经理 ...
【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架iview
今晚看了一下基于vuejs的ui框架iview,感觉UI挺好看的,那么在vue项目中应该如何使用iview呢?以下做简单的记录. 首先安装iview: $ npm install iview --sa ...

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

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

最新文章

热门文章