Windows环境下搭建Electron桌面应用开发环境

Windows环境下搭建Electron桌面应用开发环境

前言

最近要写一个桌面应用程序，想过用传统的c#写winform应用，但是winform写出来的框架比较丑，后期也不好做改动，如果要使用好一点的框架，很多都是不开源的，需要付费，并且winform只支持Windows系统，所以还是挑战下用Electron写桌面应用程序，官网说Electron可以开发跨平台应用，兼容 Mac, Windows 和 Linux系统。

安装步骤

1、安装node.js，在https://nodejs.org/en/download/  网页上下载安装即可。按照下面的网址安装配置即可。

https://www.cnblogs.com/liuqiyun/p/8133904.html

2、安装Electron

在cmd命令行，输入node -v，查看node.js是否安装成功，安装 npm镜像，使用该命令进行安装

npm install -g electron-prebuilt(这个速度比较慢，我安装还报错了，心塞！！！！)

那就用淘宝镜像吧

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

  3、检查electron是否安装成功electron -v

显示版本号则安装成功。

运行一个程序

在官网下载程序demo，https://github.com/electron/electron-quick-start

在cmd下进入该项目路径，输入

• npm install // 或者 yarn install

• npm start

即可运行该项目

打包项目

electron-packager . bobo --out ../app

electron-packager .(exe名字) --out ../app（文件夹）