背景: Vue+ElementUI的web项目中, 可以配置一个config.js来解决,那么eletron呢? 思路有两个: 1. 直接使用 global.sharedObject 让main线程与render线程直接数据共享。 2. 借助事件传递。 项目根路径直接放置一个配置文件,可以是config.json 或者 config.yml,都有对应的处理方案,这里以config.yaml做例子: 注意:使...
1、根目录下创建配置文件 config.conf,里面写入baseUrl (注意这里通过 json 格式写入),如下: 2、配置打包时对资源进行复制,在 package.json 中修改build的配置 这里需要注意 electron-builder 中两个常用的配置选项:extraResources 拷贝资源到打包后文件的 Resources 目录中,extraFiles 拷贝资源到打包目录的根路径下,这...
然后在vue.config.js中写入配置,通知electron在打包时,不要将指定文件打包进app.asar中。 pluginOptions:{electronBuilder:{builderOptions:{// build配置在此处// options placed here will be merged with default configuration and passed to electron-builderappId:"com.emr.app",extraResources:[{"from":"./con...
"build:dev:win64": "vue-cli-service electron:build --mode dev --win --x64", "build:test:win32": "vue-cli-service electron:build --mode test --win --ia32", "build:test:win64": "vue-cli-service electron:build --mode test --win --x64", "build:prod:win32": "vue-cli-servi...
我是使用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, ...
比较合适的一篇文章,在现有的vue项目 追加 electron。 基于上述方法,首次本地运行效果: 解决跨域问题后, Github项目:单独打包的项目 https://github.com/electron/electron-quick-start 新手可以直接用这个项目来进行打包,和原来的项目分享。例如我调整后的: ...
npm init electron-app@latest my-vue-app -- --template=vite 2. 添加依赖 进入上述命令执行所生成的文件夹,然后相应地执行以下命令。 yarn yarn add vue yarn add --dev @vitejs/plugin-vue npm npm install vue npm install --save-dev @vitejs/plugin-vue ...
1. 配置项目图标 参考文档:https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/recipes.html#icons 使用electron-icon-builder, 生成符合Electron的图标 ① 安装 代码语言:javascript 复制 npm install--save-dev electron-icon-builder