在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 |
✓ | ✓ | ✓ |