Mac/win electron的安装问题

Electron真是一个非常好玩的框架,虽然性能不佳,打包体积比较大,还有些吃内存。但有什么能比这么轻松开发一个桌面应用让人兴奋的呢!而且VScode是electron的顶级应用,看它多好用!

第一步是怎么安装,win下比较简单,mac极其反智!至于详细教程,npm node什么的,可以看其他人的,我说一下其他人没提到的、可能遇到的坑。
(系统版本 Mac os catalina 10.15.2 win10 1809)


Mac/win electron的安装问题_第1张图片
helloworld

win


1、安装 node 、 npm (顺手更新一下npm update -g , 可能npm版本低也会出问题)对了,过程中如果不能科学上网,就要改镜像源。

2、完成步骤一后,去electron官网 clone一个helloworld然后 npm install , 会报错大概就是 dist path找不到之类的。

介绍一种阅读源码后的手动安装的方法 :

3、 在quick-start 目录下,找到文件夹 node-models/electron , 新建path.txt , 再新建文件夹dist 。

4、在path.txt 输入 electron.exe

5、去镜像源下载你要的版本https://npm.taobao.org/mirrors/electron/7.1.7/
如果可以科学上网,就去github下载https://github.com/electron/electron/releases?after=v9.0.0-nightly.20191219,解压在dist 中。

6、运行 npm start

Mac


问题 :
1、 安装 卡在 node install:
解决 : https://www.jianshu.com/p/28a0305ac187

2、然后,你会发现,你改了镜像源, npm install ... -g 安装了。
还会报错404,连不上服务器!!
解决 : 安装cnpm (npm install cnpm -g --registry=http://registry.npm.taobao.org

3、然后,你会发现执行 cnpm install ,报错变了 没有权限!卡在 syscall spawn Eacc... 不用去 chmod , 用下面命令:
sudo cnpm install --save-dev --unsafe-perm=true --allow-root

4、按说用win 安装方案,把path.txt 的文件换成 mac 后缀就可以,但是……我试了,不行!建议使用步骤3

5、如果 npm start 报错了,但是electron还能运行,那就是electron去找了node_model 的全局包(-g)运行成功,默认去找全局包,生产环境包没装上。 多次装错了会出现这种情况。
如果在3、命令前全局安装了sudo npm install -g [email protected] --unsafe-perm=true --allow-root,直接把生产环境中的electron删了就OK

题外话


好像,去年年底的时候 Appstore 不如许 electron开发的应用上架了,官方原因说是API安全性??
apple的做法还是一如既往的 反智!有网友分析,是苹果要维护封闭生态,不允许这种多平台软件出现!

不过也没啥,反正很少有人 安装app 使用appstore !哈哈哈

你可能感兴趣的:(Mac/win electron的安装问题)