Electron环境搭建(一)

---

---

Electron简介

• 要使用Electron 务必先熟悉使用 HTML、CSS、JavaScript。
• Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建可运行在Windows、macOS、Linux系统之上的跨平台的桌面应用的开源库。
• Electron官方:后续开发可直接参考官方文档。

Electron环境搭建

刚入坑的小伙伴需要按照步骤来，避免掉坑。

1、node.js 安装

• node.js下载地址。
• 直接下载最新的长期支持版本安装即可。

2、配置cnpm

因为node.js中npm命令是直接到国外下载， 则速度会特别慢，配置成cnpm后速度会大大提升。

• 淘宝镜像官方文档。
• 打开终端: windows下直接 win + r输入cmd并确定。
  
• 输入npm -v此时若安装好nodejs后则会出现对应的版本信息。
  
• 输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 稍等片刻后输入cnpm -v可查看对应的版本信息，此时已经安装成功。

3、安装Electron

• 在终端中输入cnpm install -g electron 全局安装。

4、环境测试

• 在终端中输入electron 弹出窗口则证明安装成功。