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配置如下

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環境

# 指定vue-tools啟動編輯器
EDITOR=webstorm

但依舊沒有作用

那么哪里出了問題。然后去vue-devtools的官網查看了一下，自己的配置並沒有錯啊。。 WTF？？？
又去github中查看插件launch-editor-middleware 的 issue，在已關閉的issue中找到了答案。

首先去安裝一個插件：Command Line Launcher

重啟webstorm后在編輯器的右側可以看到插件框

點開后新增一個命令即可。

重啟后再打開，即可正常用webstorm打開組件了。

如果還不行，建議看看是不是在google商店安裝的vue-devtools，測試版目前還有問題，可以嘗試重裝或者換個版本試試