2.1安装launch-editor-middleware 在VSCode 终端窗口中输入:npm install -d launch-editor-middleware 2.2配置webpack const openInEditor = require('launch-editor-middleware') before(app) {/*编辑器类型 webstorm code*/app.use("/__open-in-editor", openInEditor("code")); }, 支持的编辑器类型有很多,...
Vue Devtools 配置open in editor 一、安装 launch-editor-middleware npm install -d launch-editor-middleware 二、vue.config.js 配置 launch-editor-middleware 配置devServer before constopenInEditor =require("launch-editor-middleware");module.exports= {devServer: {before(app) {/* 编辑器类型 webstorm ...
又去github中查看插件launch-editor-middleware 的 issue,在已关闭的issue中找到了答案。 首先去安装一个插件:Command Line Launcher 重启webstorm后在编辑器的右侧可以看到插件框 点开后新增一个命令即可。 重启后再打开,即可正常用webstorm打开组件了。 如果还不行,建议看看是不是在google商店安装的vue-devtools,测试...
2.1安装launch-editor-middleware 在VSCode 终端窗口中输入:npm install -d launch-editor-middleware 2.2配置webpack const openInEditor = require('launch-editor-middleware') before(app) { /* 编辑器类型 webstorm code */ app.use("/__open-in-editor", openInEditor("code")); }, 1. 2. 3. 4....
而vue-devtools提供了这样的功能,也许你不知道。我觉得很大一部分人都不知道,因为感觉很多人都不常用vue-devtools。 open-in-editor 你也许会问,我不用vue,我用react有没有类似功能啊,有啊,请看react-dev-inspector[3]。你可能还会问,支持哪些编辑器呀,主流的vscode、webstorm、atom、sublime等都支持,更多可...
虽然上面那种方法可以直接找到组件名,但是当项目一大,组件很多的时候通过这种方式也不太好找到对应的文件,所以Vue.js devtools还提供了一个功能: 当选中组件时,有一个Open in editor选项 点击它可以直接在编辑器中打开对应的文件。 但是!使用vue init webpack xxx这种方式创建的项目可能点击后没有反应,仅仅是在控制...
New issue Closed Description zhaozhe0831 ✅✅✅✅✅ 我遇到的问题是 给老项目增加这个 vite-plugin-vue-devtools 的支持。增加了对应的配置依赖项安装好依赖后 点击页面里的✳️无法打开 编辑器文件。 解决方法就是 比对着官方脚手架起来的空白项目的 配置信息在我原有项目进行同步。把原有项目的node...
openInEditor('code') # 4. You can now click on the name of the component in the Component inspector pane (if the devtools knows about its file source, a tooltip will appear). # 如果`vue-devtools`开发者工具有提示点击的组件的显示具体路径,那么你可以在编辑器打开。
我的IDEA安装Vue插件后,按道理来说,新建一个.vue文件,文件前面应该会有一个"V"一样的图标,然而事实并不是。 百度了一圈,大部分人都是说这样的: 试了一下,并没用。于是乎,我找到了正确答案来帮刚入门Vue的小白填坑: 打开File--->settings--->Editor--->File Types: ...
vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的Open component in editor功能. 用法 vite-plugin-vue-inspector支持Vue2 & Vue3,并且只需要进行简单的配置就可以使用. Vue2 // vite.config.ts ...