Win10下安装electron,本人的安装过程

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

运行效果如下:

Win10下安装electron,本人的安装过程

5、Electron的安装

因为前面已经启用了node/npm,所以可以采用npm的方法安装Electron。
为了测试的方便,我是在命令行窗口中采用下面的命令:

cnpm install -g electron

效果如下:

Win10下安装electron,本人的安装过程

其中,查看electron是否安装成功可通过命令 electron -v 查看。

网上有的说命令是 npm install -g electron-prebuilt,其实这是早期的版本命令,现在已经更新为electron了,如下:

Win10下安装electron,本人的安装过程

 

6、编程环境安装

强烈推荐微软退出的VS Code,直接下载安装即可,它支持nodejs等的代码提示,很是方便。

7、 打包输出工具

为了方便最终成果输出,建议安装electron-packager工具,安装也很简单,建议以下面的命令全局安装:

npm install -g electron-packager

效果如下:

Win10下安装electron,本人的安装过程

8、如果需要采用git进行版本控制,建议安装git工具

直接在git 下载最新版本的安装即可。

 

至此实际上开发环境已经搭建好了。

上一篇:使用nrm切换npm源


下一篇:可视化大屏创建(一)