安装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 ...
// package.json { "name": "kuari", "version": "0.0.0", "main": "main.js", // 新增 "scripts": { "dev": "vite", "build": "vite build", "serve": "vite preview" }, "dependencies": { "vue": "^3.2.16" }, "devDependencies": { "@vitejs/plugin-vue": "^1.9.3", "el...
这是electron官网对BrowserWindow.addDevToolsExtension(extension)API的使用介绍,简单来说就是在electron的主进程main.js中使用API,唯一参数为插件路径,上图中引入Node的path、os模块都是为了拼接得到Vue.js devtools的所在路径,这里我直接采用绝对路径(简单明了) 这时报错了,BrowserWindow.addDevToolsExtension is not a f...
vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
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
所以打算使用vite进行一个环境的搭建 vite 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文件 ...
注意上面的路径,你直接写"node_modules/vue-devtools"这个是不行的,应为插件的入口在它下面的"vender"目录下面。还有一点要小心:上面的代码必须在ready事件之后或者直接写在ready事件里面,不然报错 vueeletctron-vuevue-devtools 分享至 投诉或建议
Describe the bug After the first initial run when the devtools are still being loaded, they're not available anymore. When running npm run electron:serve I get this warning message: (node:16668) ExtensionLoadWarning: Warnings loading ext...
进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 引入electron 到项目中 npm install -D electron electron-builder electron-devtools-installer ...
参考:Vite + Vue 3 + electron + TypeScript - DEV Community 第1步,建立一个新的vite项目 yarn create vite 第2步,安装项目依赖 yarnadd-Dconcurrently cross-env electron electron-builder wait-on 第3部,修改package.json文件 添加build节点,更多的信息可以参阅electron.build ...