前端笔记(三):WebStrom 开发 Vue,Ctrl + 左键 失效问题

       在使用 WebStrom 开发 Vue 项目时,碰到了 Ctrl + 左键跳转到组件时,Ctrl + 左键 失效问题,导致无法跳转到指定页面的问题。刚开始以为是和其他应用 快捷键 冲突的原因,然而最终也不是。

       出现这个问题的原因,与 webpack 有关。是因为 WebStorm 中有专门的 webpack 的相关配置,默认的路径是项目根目录下的 webpack.config.js 。但是我们通过各种 cli 脚手架 生成的项目中,webpack 的配置一般都是在 build 目录下,从而导致 webpack 无法找到这个配置文件。因为解析不到项目中的配置文件,从而导致 Ctrl + 左键 无法跳转的问题。

前端笔记(三):WebStrom 开发 Vue,Ctrl + 左键 失效问题

解决办法:

      File------->Settings------->Languages & Frameworks------->JavaScript------->Webpack,修改webpack configuration file,如下图所示。指定当前项目的 webpack 配置文件,即可解决 WebStrom 中 Ctrl + 左键 无法跳转失效的问题了。

前端笔记(三):WebStrom 开发 Vue,Ctrl + 左键 失效问题


WebStrom 开发 Vue,Ctrl + 左键 失效问题 ,至此介绍完毕

如果本文对你有所帮助,那就给我点个赞呗 ^_^ 

End