Electron初始化项目并打包
初始化项目
初始化项目用模板就行
# 克隆这仓库
$ git clone https://github.com/electron/electron-quick-start
# 进入仓库
$ cd electron-quick-start
# 安装依赖库
$ npm install
# 运行应用
$ npm start
需要(全局不全局无所谓,不建议全局)安装 npm i -D electron
打包
安装打包工具 npm i -D electron-builder
packge修增加配置如下:
脚本出增加:
"scripts": {
    ...
    "build": "electron-builder"
  },
根级别下增加如下:
"build": {
    "productName": "xx系统",
    "appId": "com.dshvv.demo",
    "copyright": "甲乙丙丁少版权所有",
    "directories": {
      "output": "build"
    },
    "win": {
      "icon": "icon.ico"
    }
  }
注意icon的尺寸是256*256的。然后执行npm run build
注意事项
可能会遇到如下错误
https://github.com/electron/electron/releases/download/v8.2.3/electron-v8.2.3-win32-x64.zip: dial tcp 52.74.223.119:443: connectex: A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond.
这就是说明,被墙了,依赖下载不下来。解决办法如下
手动下载electron-v8.2.3-win32-x64.zip,复制Git后边的链接即可下载。放到C:\Users\Administrator\AppData\Local\electron\Cache目录下。
继续执行npm run build,如果你的electron-v1.7.9-win32-x64.zip文件位置放置正确,就会继续下载SHASUMS256.txt,这个文件较小,容易成功。
不成功的也从上边链接里面手动下载。注意命名格式,和第一步同目录
参考
https://blog.csdn.net/weixin_33936401/article/details/88722952
其他
如果还遇到错误,参考这个文档
https://blog.csdn.net/cctvcqupt/article/details/87904368
建议用yan吧。他不会报错
---安装yarn---
使用yarn安装,使用npm安装的有问题(没有尝试),先安装yarn工具。
npm install -g yarn
---安装electron-builder---
yarn add electron-builder --save-dev
---打包---
yarn buld
Electron初始化项目并打包的更多相关文章
- React Native环境配置、初始化项目、打包安装到手机,以及开发小知识
		
1.前言 环境:Win10 + Android 已经在Windows电脑上安装好 Node(v14+).Git.Yarn. JDK(v11) javac -version javac 11.0.15. ...
 - Electron桌面项目-解决throw new Error('Electron failed to install correctly, please delete node_modules..
		
前言 Electron 是一个用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库.由GitHub开发的. 其原理是 Electron 通过将 Chromium 和 N ...
 - vue-cli3初始化项目
		
1 npm install -g @vue/cli 创建配置 创建 1 vue create vue-app 选择配置 1234 ? Please pick a preset: (Use arrow ...
 - Vue管理系统前端系列一vue-cli4.x 初始化项目
		
目录 项目介绍 技术基础 开发环境 安装工具 快速原型开发 创建项目 配置相关说明 目录结构 项目介绍 lion-ui 是一个基于 RBAC 的管理系统前端项目,采用 vue 和 element-ui ...
 - 1.spring boot初始化项目
		
初始化spring boot项目的方式非常多,如使用Spring Tool Suite.使用IntelliJ IDEA.使用NetBeans.在start.spring.io网站中.curl命令.sp ...
 - SpringMVC编程:初始化项目部署后,主页404代码问题解决
		
SpringMVC 主页404问题 初始化项目后,Tomcat服务器显示404报错问题! 问题解决的原因是:项目依赖的jar包没有随着项目一块打包部署在Tomcat服务器上面,即缺少项目lib依赖. ...
 - 使用node初始化项目
		
初始化项目 在建项目的时候经常会建很多文件夹和文件,今天使用node初始化项目自动生成这些内容. 执行步骤 执行命令 node init 初始化项目生成package.json 设置配置文件 var ...
 - 第07讲- Android项目的打包apk
		
第07讲Android项目的打包apk 方法一:在工作目录bin文件夹下有一个与项目同名的apk文件 (最懒惰的方式,不推荐,不安全,不利于版本更新,只有在开发模式时使用) 方法二:使用key方式 签 ...
 - vue项目 构建 打包 发布 三部曲
		
一.vue项目的创建 1.首先第一肯定是要有Node.js及npm这个不多说了2.安装脚手架 此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览,使用vue全家桶制作自己的博 ...
 - vue初始化项目,构建vuex的后台管理项目架子
		
构架vuex的后台管理项目源码:https://github.com/saucxs/structure-admin-web 一.node安装 可以参考这篇文章http://www.mwcxs.top/ ...
 
随机推荐
- eolinker响应预处理:传参解决方法(响应数据截取后设置为变量)
			
特别注意:需要使用全局变量或者预处理前务必阅读本链接https://www.cnblogs.com/becks/p/13713278.html 一.案例1 1.场景描述: 后一个请求需要前一个请求提供 ...
 - fastjson bug: parseObject 死循环
			
版本: com.alibaba:fastjson:1.2.83 描述: 反序列化时,会陷入死循环 JSON:[""] 引起bug代码: List<Map<String, ...
 - FastAPI与Tortoise-ORM实现关系型数据库关联
			
title: FastAPI与Tortoise-ORM实现关系型数据库关联 date: 2025/04/21 10:51:41 updated: 2025/04/21 10:51:41 author: ...
 - K8s新手系列之Label标签和Label选择器
			
概述 官网:https://kubernetes.io/zh-cn/docs/concepts/overview/working-with-objects/labels/ 在K8s中,Label(标签 ...
 - UnoCSS原子CSS引擎
			
UnoCSS是一款原子化的即时按需 CSS 引擎,其中没有核心实用程序,所有功能都是通过预设提供的.默认情况下UnoCSS应用通过预设来实现相关功能. UnoCSS中文文档: https://www. ...
 - Python 常用魔法方法(下)
			
Python 常用魔法方法(下) 回顾 魔法方法是 Python 内置方法, 不需要我们手动调用, 它存在的目的是给 解释器 调用的. 比如我们在写 "1 + 1 " 的时候, 这 ...
 - .NET Core 和 .NET 标准类库项目类型有什么区别?
			
在 Visual Studio 中,至少可以创建三种不同类型的类库: 类库(.NET Framework) 类库(.NET 标准) 类库 (.NET Core) 虽然第一种是我们多年来一直在使用的,但 ...
 - 中国科学院计算所:从 NFS 到 JuiceFS,大模型训推平台存储演进之路
			
中科院计算所在建设大模型训练与推理平台过程中,模型规模与数据集数量呈爆发式增长.最初采用简单的裸机存储方案,但很快面临数据孤岛.重复冗余.管理混乱和资源利用不均等问题,于是升级到了 NFS 系统.然而 ...
 - 分享95套Java实战项目,一次学个够
			
第01项目:SSM大型互联网电商项目(视频+源码) 第02项目:SSM分布式互联网商城(视频+文档资料) 第03项目:SSM开发大中点平 (视频+源码) 第04项目:SSM分布式苗杀系统企业级实战(视 ...
 - 假设有一个 1G 大的 HashMap,此时用户请求过来刚好触发它的扩容,会怎样?
			
简要回答 如果刚好触发扩容,那么当前用户请求会被阻塞,因为 HashMap的底层是基于数组+链表(红黑树)来实现的,一旦它发生扩容,就需要新增一个比之前大2倍的数组,然后将元素copy到新的数组上 而 ...