您的当前位置:首页正文

2019-10-12 vue-devtools open in

来源:华拓网

在Vuejs开发调试过程中,发现vue-devtools插件有open in editor的功能,点击了几下却只是打印了一条

File xxx.vue opened in editor

然而无聊的我去百度了一下,没有找到想要的结果。。。然后去vue-devtools的Github看了一眼看到解决办法。
需要安装 launch-editor-middleware

npm install launch-editor-middleware -d

编辑webpack.dev.conf.js
导入launch-editor-middleware

var openInEditor = require('launch-editor-middleware')

找到devServer 把before函数这个copy进去

devServer: {
  ....
  before (app) {
    /**
    * 我使用的是Visual Studio Code 所以这边传的编辑器类型是code
    * 编辑器类型在文章下面了,自己找吧。
    */
    app.use('/__open-in-editor', openInEditor('code'))
  }
}

重启,再去点 open in editor就可以打开编辑器了

编辑器类型

Value Editor Linux Windows OSX
appcode
atom
atom-beta
brackets
clion
code
code-insiders
emacs
idea
notepad++
pycharm
phpstorm
rubymine
sublime
vim
visualstudio
webstorm