config: { // 存放配置文件数据 ...configJson, }, }; 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. render线程使用: // eslint-disable-next-line prefer-destructuring const remote = require('electron').remote; // eslint-disable-next-line prefer-...
2.在当前文件夹中(TestDemo下),创建electron文件夹; 3.配置electron 4. 连接 electron 到 vue 5.启动 参考: 背景: 需要建立electron 项目,并且使用vue ,记录下步骤。 步骤: 1. 先创建vue npm create vite TestDemp //npm create vite 项目名称 cd TestDemp npm install npm run dev 到这一步有VUE网页,...
"electron:serve": "npm run serve & electron .", "electron:build": "vue-cli-service build && electron-builder" } 配置Vue CLI 在根目录创建vue.config.js文件,配置Vue CLI: module.exports = { pluginOptions: { electronBuilder: { preload: 'src/preload.js' } } } 三、开发与打包应用 开发应用...
1、根目录下创建配置文件 config.conf,里面写入baseUrl (注意这里通过 json 格式写入),如下: 2、配置打包时对资源进行复制,在 package.json 中修改build的配置 这里需要注意 electron-builder 中两个常用的配置选项:extraResources 拷贝资源到打包后文件的 Resources 目录中,extraFiles 拷贝资源到打包目录的根路径下,这...
用electron将vue项目打包成.exe文件【保姆级教程】 https://blog.csdn.net/heavenz19/article/details/136743623 单独把vue项目放到electron新项目 里打包。 electron打包vue项目的方法 步骤 https://www.jb51.net/article/239809.htm 手把手教你 Electron + Vue 搭建前端桌面应用 ...
在Vue项目的根目录下找到vue.config.js文件,并添加以下代码: ```javascript module.exports = { pluginOptions: { electronBuilder: { nodeIntegration: true } } } ``` 七、配置打包输出路径 如果想要将Electron应用程序打包为可执行文件,可以在vue.config.js文件中添加以下配置: ```javascript module.exports ...
1、在黑窗口执行以下命令进入vue项目文件。 cd 项目名 1. 2、执行以下命令安装electron(如果用npm可能下载不上) cnpm i electron -S 1. 如图所示electron安装成功,显示版本是24.1.2。 第四步:配置package.json文件和main.js文件 1、在编译器中打开该项目, 在package.json文件中添加以下内容,并创建main.js文件...
我是使用Electron builder进行Vue项目打包的 一、修改工程名称以及图标 在工程根目录下新建一个vue.config.js文件,并做如下配置: module.exports ={ pluginOptions: { electronBuilder: { builderOptions: {"appId":"com.example.app","productName":"测试",//项目名,也是生成的安装文件名,即aDemo.exe"copyright...
1.1.2、安装vue-cli-plugin-electron-builde插件 vue add vue-cli-plugin-electron-builde 2、窗口配置 例如登录窗口config.ts login: { url: `${baseUrl}#/login`, hideReplaceClose: false, name: 'login', setup: { width: 340, height: 450, ...