electron开发桌面端

  1. ​安装electron 

    第一步:安装node ,node下自带npm;

    第二步:npm install -g electron (如果不行就使用sudo,或cnpm、淘宝镜像下载)检测 electron -v;

    第三步:npm install -g electron-prebuilt(打包平台用)

        2.安装nrm  管理安装npm

     npm i -g nrm,

     然后再把安装源切换到taobao

         nrm use tao

     最后就可以执行安装

     npm i electron-prebuilt

  3.构建项目

    第一:克隆项目到本地

        git clone https://github.com/electron/electron-quick-start

    第二:进入项目根目录

        cd electron-quick-start

    第三:安装依赖并运行

       npm install && npm start

  问题:npm install卡住就首先执行rm -rf node_modules,将node_modules文件夹删除;

       再执行npm install -verbose,在安装依赖过程中显示的信息将更为详细;

  4.打包

   第一:npm install --save-dev electron-packager 安装packager;

   第二:配置package.json中的script的build命令:

       mac:"build": "electron-packager .  hello_electron --platform=darwin --arch=x64 --ignore=node_modules/electron-*",

       Win:build:electron-packager ./ demo --platform=win32 --arch=x64 --version=0.37.6

            备选:platform--------all, or one or more of: darwin, linux, mas, win32 (comma-delimited if multiple)

                  arch------------all, ia32, x64

       参数说明:

    electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optional options>

     location of project:应用目录;

    name of project:应用名称;

    platform:要打包的平台;

    architecture:x86 or x64架构;

    electron version:electron 版本(不是应用版本);

    optional options:其它选项;

    第三:执行npm run build:mac 打包

这样一个mac版的桌面客户端就出来了。

原文地址:https://www.cnblogs.com/suzhen-2012/p/9943105.html