首页 > 编程语言 >electron安装,打包成应用程序或者小程序

electron安装,打包成应用程序或者小程序

时间:2023-04-23 15:15:53浏览次数:55  
标签:npm -- builder 应用程序 electron 安装 打包

在使用 Electron 进行开发之前,需要安装Node.js,可以在终端输入以下命令输出了 Node.js 和 npm 的版本信息:

node -v

npm -v

 没有的话,自行查找并安装。

 

全局安装 : npm install electron -g   ,非全局安装 :npm install electron 

如果不能安装,卡住或者不动 可以试试 淘宝镜像安装:

全局安装 : cnpm install electron -g   ,非全局安装 :cnpm install electron 

(如果下面的命令 卡住或者不动,  可以将npm 变为cnpm (淘宝))

 

接下来是打包

electron-packager方式

操作简单,打包后的目录就是程序的运行目录,相当于已经安装过,不用安装操作后才能运行。

安装electron-packager:

npm install electron-packager --save-dev

npm install electron-packager -g (全局安装)

打包命令:

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> --out=out --icon=assets/app.ico --asar --overwrite --ignore=.git

 

  • <sourcedir>: 应用程序源代码所在的目录。通常是您的应用程序的根目录。
  • <appname>: 打包后应用程序的名称。
  • --platform=<platform>: 指定要构建的操作系统平台,可以是win32、mas、darwinlinux
  • --arch=<arch>: 指定要构建的CPU体系结构,可以是x64ia32arm64等。
  • --out=out: 将输出文件放在指定的目录中,此处是将输出文件放在当前目录下的out子目录中。
  • --icon=assets/app.ico: 指定应用程序图标的路径。这里将应用程序图标设置为assets/app.ico
  • --asar: 将应用程序打包成一个单独的ASAR归档文件。这使得应用程序的文件更难以访问和修改,同时也减少了应用程序启动时的I/O操作次数。
  • --overwrite: 如果输出目录中已经存在相同名称的应用程序,则覆盖已有的文件。
  • --ignore=.git: 忽略.git目录和其中的所有文件。

 

electron-builder方式

能够打包成安装器,能自定义打包方式。

安装yarn(electron-builder打包依赖yarn):

npm install -g yarn

安装electron-builder:

npm install -g electron-builder

在 "scripts": 添加:

        "pack": "electron-builder --dir",
        "postinstall": "electron-builder install-app-deps",
        "dist": "electron-builder",
        "dist-win": "electron-builder --win --ia32",
        "dist-win64": "electron-builder --win --x64",
        "dist-mac": "electron-builder --mac",
        "dist-linux": "electron-builder --linux"

 

如果遇到  Cannot find module 'builder-util'  这个问题 可能是  builder-util  缺失或者版本太低

可以通过

检查命令:npm ls builder-util

来进行检查是否安装

可以通过

安装命令:npm install builder-util

来进行安装新版的

(如果没有出现略过)


运行编译打包命令:

yarn postinstall

打包windows 64位应用命令

yarn dist-win64

如果下载出现问题时

可以通过以下步骤解决该问题:

  1. 确保您的网络连接正常,并尝试重新运行构建命令。
  2. 可以尝试关闭防火墙,来进行下载

 

main.js文件

 

 

 

 

package.json

 其中:

  • name: 应用程序名称。
  • version: 应用程序版本号。
  • description: 应用程序描述。
  • main: 应用程序的主要入口点。
  • author: 应用程序作者信息。
  • dependencies: 应用程序依赖的第三方模块列表。
  • license:许可证类型,如:MIT。

 根文件夹全部内容

 也可以放js,css等

如果命令显示不存在,可以尝试在命令行  node_modules\.bin 目录下使用。

 

部分内容参考:
版权声明:本文为CSDN博主「patricks_star」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xiaorunye/article/details/128163117

 

标签:npm,--,builder,应用程序,electron,安装,打包
From: https://www.cnblogs.com/y-jhao/p/17340806.html

相关文章

  • 手把手教你开展mofish库(摸鱼库)的打包发布
    今日鸡汤商女不知亡国恨,隔江犹唱后庭花。大家好,我是我是皮皮。一、前言前几天吴老板给我推荐了一个摸鱼库,竟然是Python库,给我惊了一下,感觉应缺斯汀。要知道之前他就已经写了一篇关于摸鱼的文章,感兴趣的小伙伴,可以前往:手把手教你使用Python打造一款摸鱼倒计界面。如今他把这个摸鱼......
  • electron关闭隐藏到托盘
    main.js中的主要代码//*************实现点击关闭是系统托盘start***********************//当我们点击关闭时触发close事件,我们按照之前的思路在关闭时,隐藏窗口,隐藏任务栏窗口//event.preventDefault();禁止关闭行为(非常必要,因为我们并不是想要关闭窗口,所以......
  • 使用ServiceSelf解决.NET应用程序做服务的难题
    1ServiceSelf为.NET泛型主机的应用程序提供自安装为服务进程的能力,支持windows和linux平台。功能自我服务安装自我服务卸载自我服务日志监听2自我服务安装虽然.NetCore提供了Microsoft.Extensions.Hosting.Systemd和Microsoft.Extensions.Hosting.WindowsServices两......
  • C# 应用程序管理员运行
    右键项目-添加新项 改变UAC规则的level属性为 requireAdministrator,保存重新生成即可 ......
  • 使用Maven-shade-plugin打包SpringBoot项目
    使用Maven-shade-plugin打包SpringBoot项目另附参考文章:https://blog.csdn.net/u011441473/article/details/127844885好奇葩的打包之旅,最后在stackoverflow上找到了解决办法,遇到问题,还是多去google吧,国内真不行,百度质量太低,一件很小的事,花了我1个多小时。。下面说一下我遇到......
  • python学习-学生信息管理系统并打包exe
    在B站自学Python站主:Python_子木授课:杨淑娟平台:马士兵教育python:3.9.9python打包exe文件#安装PyInstallerpipinstallPyInstaller#-F打包exe文件,stusystem\stusystem.py到py的路径,可以是绝对路径,可以是相对路径pyinstaller-Fstusystem\stusystem.py学生信息管理......
  • ReactNative 打包发布 Android 应用
    一、创建应用签名1、在AndroidStudio菜单栏中,依次点击Build >GenerateSignedBundle/APK 2、在Generate SignedBundleorAPK对话框中,选择APK,点击Next按钮 3、在Keystorepath字段下,点击Createnew按钮 4、在NewKeyStore窗口中,点击右侧文件......
  • windows桌面应用程序框架C语言
    #ifdefined(UNICODE)&&!defined(_UNICODE)#define_UNICODE#elifdefined(_UNICODE)&&!defined(UNICODE)#defineUNICODE#endif#include<tchar.h>#include<windows.h>/*DeclareWindowsprocedure*/LRESULTCALLBAC......
  • android 打包版本说明
    个人经验之谈,不对之处,也不用留言,我的知识都是实战中积累,别给我整那么多虚的理论#编译应用程序所采用的版本#人话:你的安卓包包含什么样的字节码,不做兼容,可能会崩溃PROP_COMPILE_SDK_VERSION=31#应用程序对系统的要求最低21#人话:你的应用对设备的最低要求PROP_MIN_SDK_VERSION=......
  • 【汇智学堂】docker+springboot+mysql之二(springboot打包发送至Ubuntu dockermysql目
    IDEA:DockerfileContent:FROMjava:8VOLUME/tmpADDhellodocker-0.0.1-SNAPSHOT.jar/app.jarRUNsh-c'touch/app.jar'ENVJAVA_OPTS=""ENTRYPOINT["sh","-c","java$JAVA_OPTS-Djava.security.egd=file:/dev/.......