安装electron-devtools-installer: npm install electron-devtools-installer -D 该包主要是为了方便我们开发和调试electron,可以去官网详细了解:electron-devtools-installer。 安装vite-plugin-electron: npm install vite-plugin-electron -D 该包集成了Vite和Electron,比如使用它之后可以让我们方便的在渲染进程中使用Node ...
这是electron官网对BrowserWindow.addDevToolsExtension(extension)API的使用介绍,简单来说就是在electron的主进程main.js中使用API,唯一参数为插件路径,上图中引入Node的path、os模块都是为了拼接得到Vue.js devtools的所在路径,这里我直接采用绝对路径(简单明了) 这时报错了,BrowserWindow.addDevToolsExtension is not a f...
步骤二:引入electron-vue项目中 打包完成后复制/shells/chrome整个文件夹,粘贴到你的electron-vue项目根目录,可以改个文件夹名字,比如我改成了 “.devtools”。如果不想上传这个文件夹的内容到远程仓库,则在项目里的.gitignore中添加.devtools即可 .devtools文件夹里的内容如下图所示: 步骤三:在代码中引入 接下来,...
cd electron-vite-vue-app (进入项目目录) yarn(安装依赖包) 安装完成后,执行启动命令: yarn dev 运行效果如下: 2.2 精简项目 接下来,删除用不到的目录和文件,最简化项目。 ├─ /.vscode ├─ /build ├─ /node_modules ├─ /out ├─ /resources ├─ /src | ├─ /main | ├─ /preload | ├...
在Electron 中使用Vue Devtools ·首先在Chrome中安装Vue Devtools; ·在Chrome中打开扩展程序,并且开启开发者模式,这样就可以获取扩展程序的ID,记住这个ID ·在Electron应用中添加如下代码: main/index.js if (process.env.NODE_ENV !== 'development') { global.__static = require('path').join(__dirname, ...
console.error('Vue Devtools failed to install:', e.toString()) } } createWindow() }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 加入vue-devTools 成功.。 就这样就可以调试了,具体配置看官网Demo
注意上面的路径,你直接写"node_modules/vue-devtools"这个是不行的,应为插件的入口在它下面的"vender"目录下面。还有一点要小心:上面的代码必须在ready事件之后或者直接写在ready事件里面,不然报错 vueeletctron-vuevue-devtools 分享至 投诉或建议
1、vue3的搭建 npm init @vitejs/app project-name cd project-name npm install npm run dev 1. 2. 3. 4. 浏览器里可以看到页面。vite+vue就搭建好了 2、electron安装 安装electron 这里使用镜像 根目录添加一个 .npmrc文件 加上electron_mirror=http://cdn.npm.taobao.org/dist/electron/ ...
const{app}=require('electron')app.on('ready',()=>{// ...if(process.env.NODE_ENV!=='production'){require('vue-devtools').uninstall()}// ...}) API install() Install Vue.js devtools in Electron devtools. uninstall() Uninstall Vue.js devtools in Electron devtools. ...
上一篇electron的文章我们尝试了用在js里调用python,虽然一番之前没有接触过js,但一番秉着目标型驱动的学习理念,今天一番来深入研究下这个spawn函数。 js系统命令调用函数spawn Node.js 的子进程(child_process)模块下有一spawn函数,可以用于调用系统上的命令。