Electron安装脱坑指南

流氓凡 PHP程序源码 2020-01-21 5.75 K 0

    JS 越来越浪了,区区浏览器已经管不了这孩子了,一个没看住,就已经浪到原生客户端的地盘上去了,一边是开着 React Native 去找 iOS 和 Android 搞事情,一边又开着 Electron 想去单挑 WPF 和 Mac,甚至还准备响应“一带一路”帮帮好基友 Linux。

    不过浪太大,总有翻船的时候,Electron 上的坑还是比较多的,比如安装……是的,从安装开始就是坑。经过查阅资料发现这个坑从1.0版本就开始存在知道现在4.0了还是存在,真的不清楚那些还在正常使用的朋友是怎么做到的,众所周知,Electron是后端交给NodeJS还处理的,所以安装NodeJS是必然的,使用npm安装Electron也是大家最为方便的和其他npm包没什么区别。

    Electron安装:

    这里使用全局安装:

npm install electron -g

很遗憾,如果您是国内用户使用此方式直接安装,成功后并不能正常使用Electron,不是报错就是卡住不动了,当然也还是有解决办法的,我们从报错的信息上看似乎是没权限造成的,该问题在GitHub上有对应的Issue这里不做太多说明,因为此方法过于麻烦。

    方法二:使用cnpm安装,亲测可以直接使用,当然你还需要安装cnpm

    安装cnpm:

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

    等待安装完成使用cnpm安装Electron:

sudo cnpm install electron -g

Electron安装完成了,接下来使用官方演示Demo进行创建自己第一个Electron程序吧!

# 克隆这仓库
git clone https://github.com/electron/electron-quick-start
# 进入仓库
cd electron-quick-start
# 安装依赖库
cnpm install
# 运行应用
cnpm start

特别说明:以上教程有本地MacOS系统进行搭建测试,Windows暂未测试!

评论