推荐一款我自己开发的内网穿透工具：免费，无其他任何限制

交流QQ技术交流11群: 307460844

下载使用

项目背景

vue2 、vue-cli-service

问题

点击Open in editor , vscode 控制台提示：

Could not open jdjcbl.vue in the editor.
The editor process exited with an error: (code 9).

To specify an editor, specify the EDITOR env variable or add "editor" field to your Vue project config.

最终解决办法

0、无需在vue.config.js 配置任何内容。
1、在环境变量配置LAUNCH_EDITOR = C:\Users\Administrator\AppData\Local\Programs\VSCode\Code.exe
2、删除EDITOR
3、在vscode 命令行（PowerShell ）下，执行
$env:LAUNCH_EDITOR = "C:\Users\Administrator\AppData\Local\Programs\VSCode\Code.exe"

如果是cmd
set LAUNCH_EDITOR="C:\Users\Administrator\AppData\Local\Programs\VSCode\Code.exe"

解决过程

1、踩坑1，vue.config.js 配置 app.use(‘/__open-in-editor’ 这个是不起作用的。因为vue-cli 内置了，

2、踩坑2：
配置环境变量，

依然没有用。

3、踩坑3：
通过 VS Code 自动添加
打开 VS Code；
按下 Ctrl + Shift + P 打开命令面板；
输入并选择命令：Shell Command: Install ‘code’ command in PATH
我的vscode 打开命令面板，输入Shell找不到上面的选项。

4、踩坑四：

自己在package.json 安装了launch-editor-middleware 。 在.store 下面也有launch-editor-middleware 。在全局目录下D:\tools\nodejs\node_modules\@vue\cli-service\node_modules\launch-editor-middleware也有 。 不知道走的是哪一个。
经过不断尝试，执行的是D:\svn-projects\zjg-admin\node_modules\.store\launch-editor-middleware@2.10.0\node_modules\launch-editor-middleware\index.js

5、踩坑五：
有的博主说，vscode 安装目录不能有空格，我也不知道和这个有没有关系，反正我的有空格，就直接重新安装了。如果没有解决，可以试试这个。

代码跟踪

项目启动的时候，会执行这个地方。

当点击open in editor 会执行这个地方。

执行launch( 会执行到下面的文件。

下图可以看出，执行了命令 code D:\svn-projects\zjg-admin\src\views\task\jdjc\jdjcbl.vue

在cmd 命令行执行该命令，将会新打开一个vscode ， 并打开该文件。加了参数-r 也不能在现有的vscode 中打开。

再看下获取打开工具的方法，现在执行的是第18行后，就返回了。而我的环境变量配置的是LAUNCH_EDITOR=code


尝试直接使用Code.exe 打开文件。

用当前的vscode ， 可以正常打开对应的文件。接下来将环境变量LAUNCH_EDITOR = C:\Users\Administrator\AppData\Local\Programs\VSCode\Code.exe

重启vscode ， 并启动服务。依然不行。

在vscode 中，查看环境变量，发现还是原来的（此处，我用的是PowerShell ）。

echo $env:LAUNCH_EDITOR

于是，执行命令

$env:LAUNCH_EDITOR = "C:\Users\Administrator\AppData\Local\Programs\VSCode\Code.exe"
echo $env:LAUNCH_EDITOR
npm run dev

问题得以解决。重启vscode ， 依然没问题。