Electron桌面应用打包流程

一. 准备工作

    1.npm的安装需要下载node.js,安装完node.js之后npm自然会有。

       参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html

    2.Electron环境搭建
       a、安装node.js。node官网地址:https://nodejs.org/en/

       b、在windows 命令行下检查node是否安装成功。分别输入 node -v,  npm -v 。如果出现 node 和 npm 的版本号,则转下一步。否则转第一步。

       c、在命令行,下载淘宝镜像命令工具 cnpm。

            npm install cnpm -g --registry=http://registry.npm.taobao.org

       d、用 cnpm 命令安装 electron。

            cnpm install electron -g

    3. 首先,我们要安装electron-prebuilt,它是一个npm模块,因此我们可以使用Npm来进行安装,它是一个electron的预编译版本。

    npm install -g electron-prebuilt    

    4. 接下来安装electron-packager ,它也是一个npm模块,是一个用于打包electron应用的工具

    npm install -g electron-packager

二. 创建一个应用

    创建一个electron应用。我们现在仅仅需要3个文件。 

        index.html 
        main.js 
        package.json

    index.html使我们想要显示的页面,main.js为此应用的入口,package.json为npm项目的配置文件。

    1.新建一个名为myApp的文件夹

    2.进入项目目录进行初始化 

    cd myApp
    npm init

    3.新建一个package.json,内容如下:

    {
  
      "name": "zzh",
      "version": "0.0.1",
      "description": "a simple application",
      "main": "main.js",
      "scripts": {
  
        "test": "echo \"Error: no test specified\" && exit 1",
        "start": "electron ."
      },
      "author": "zzh",
      "license": "ISC"
    }

    4.新建一个index.html, 内容如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值