1、官网下载node.js
https://nodejs.org/zh-cn/download/
2、设置npm国内镜像
npm config set registry "https://registry.npm.taobao.org/"
设置完成后可以通过以下命令验证是否成功:
npm config get registry
或
npm info express
3、设置electron镜像
注意淘宝镜像的目录中,版本号文件夹开头是不带v的,因此此处需要修改环境变量ELECTRON_CUSTOM_DIR
为"{{ version }}"
:
npm config set ELECTRON_MIRROR "https://npm.taobao.org/mirrors/electron/"
npm config set ELECTRON_CUSTOM_DIR "{{ version }}"
4、另外,因为可能的GFW问题(不然会下载很慢很慢,也可能下载失败),所以建议把npm的仓库切换到国内taobao仓库
执行下面的命令:
npm config set registry "https://registry.npm.taobao.org/"
还有一种方式,注册cnpm命令,如下(我采用的是第二种):
npm install -g cnpm --registry=https://registry.npm.taobao.org
运行效果如下:
5、Electron的安装
因为前面已经启用了node/npm,所以可以采用npm的方法安装Electron。
为了测试的方便,我是在命令行窗口中采用下面的命令:
cnpm install -g electron
效果如下:
其中,查看electron是否安装成功可通过命令 electron -v 查看。
网上有的说命令是 npm install -g electron-prebuilt,其实这是早期的版本命令,现在已经更新为electron了,如下:
6、编程环境安装
强烈推荐微软退出的VS Code,直接下载安装即可,它支持nodejs等的代码提示,很是方便。
7、 打包输出工具
为了方便最终成果输出,建议安装electron-packager工具,安装也很简单,建议以下面的命令全局安装:
npm install -g electron-packager
效果如下:
8、如果需要采用git进行版本控制,建议安装git工具
直接在git 下载最新版本的安装即可。
至此实际上开发环境已经搭建好了。