"private":true,"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint","electron:build": "vue-cli-service build && electron-builder","electron:serve": "electron ."},"build": {"productName": "txhdemo","appId"...
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.7万个喜欢,来抖音,记录美好生活!
npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/ 3、选择用yarn安装electron, macos指令前加sudo有可能会导致 root 访问不到你的 home 目录,在启动项目的时候会报下面的错误 1 yarn add -D electron 4、安装vue-cli-plugin-electron-builder(electron-builder) 1 vue add electron-...
在本文中,我们将介绍如何使用Electron框架将你的Vue3项目打包成可在Windows、macOS、Linux和Android、iOS等操作系统上运行的可执行文件。无需学习多个语言和框架,只需使用electron-builder、electron-winstaller、electron-packager和electron-installer-debian等工具就可以轻松完成。让我们开始吧! 打包为macOS可执行文件 要将...
本文为Electron+Vue3开发桌面端软件系列文章第二篇 通过本文,你将获得: 1. Electron项目如何打包 2. 打包过程中异常项报错的处理方案 打包 查看package.json中scripts: "scripts": { "format": "prettier --write .", "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix", ...
第一步:用vue-cli3.0创建一个项目 vue create projectName 当前步骤就是安装vue-cli3.0,一步步按照程序走安装就好。 第二步:安装vue-cli-plugin-electron-builder vue add vue-cli-plugin-electron-builder 当前步骤安装好后会自动在package.json里生成几行代码如下: ...
2.https://github.com/promiseHusky/vue3-vite-electron https://github.com/promiseHusky/vue3-vite-electron.git 同样你也可以使用脚手架 来快速的创建 [还没写完 先用着仓库的吧] 效果如下 这是打包生成的 如下图是 生成的安装包 选择了 mis 和 nsis ...
已有的一个正常的Vue项目(Vue3 + Vite + Ts) Node版本14.18.2 注意:Electron不能跨架构跨平台打包,windows下只能打包windows包,如需要打包,MacOS、Linux等需要去对应平台 建议先设置国内镜像 npm config edit 执行后会弹出npm的配置文档,将以下类容复制到文件末尾(格式跟文档中保持一致) ...
第一步:用vue-cli3.0创建一个项目 打开命令行工具 vue create demo 选择默认 image.png 安装完成 image.png 第二步:安装vue-cli-plugin-electron-builder 进入项目 cd demo 进入vue项目管理器: vue ui 导入demo image.png 点击插件,并添加插件 image.png ...
准备windows和macOS两版图标。修改vue.config.js，这里我就把修改的部分放出来：打包APP 删除dist_electron文件夹，重新执行打包命令，npm run electron:build，会发现应用的图标变了 最终在dist_electron目录下生成build后的产品。参考： https://wangdaodao.com/20200707/vue-cli3-electron.html ...