vue devtools 使用webstorm打开组件配置

起因：当我本地安装docker、wsl、ubuntu的时候，貌似改了环境变量，结果导致vue打开组件失效了，出现以下报错。。

Could not open App.vue in the editor.To specify an editor, specify the EDITOR env variable or add "editor" field to your Vue project config.

vscode怎么配置打开就不说了，百度随便搜就能看到，但问题是webstorm为什么更改配置就无法生效？？ 我的vue.config.js配置如下

Copy
const openInEditor = require('launch-editor-middleware');    // npm i launch-editor-middleware -D

devServer: {
  before(app) {
    /* 编辑器类型 webstorm code */
      app.use("/__open-in-editor", openInEditor(["webstorm", "code"]));
  }
}

没有生效。。 又百度到需要配置 本地env环境

Copy
# 指定vue-tools启动编辑器
EDITOR=webstorm

但依旧没有作用

那么哪里出了问题。然后去vue-devtools的官网查看了一下，自己的配置并没有错啊。。 WTF？？？
又去github中查看插件launch-editor-middleware 的 issue，在已关闭的issue中找到了答案。

首先去安装一个插件：Command Line Launcher

重启webstorm后在编辑器的右侧可以看到插件框

点开后新增一个命令即可。

重启后再打开，即可正常用webstorm打开组件了。

如果还不行，建议看看是不是在google商店安装的vue-devtools，测试版目前还有问题，可以尝试重装或者换个版本试试