Electron桌面应用：环境搭建

目录

• 一、简介
• 二、市场
• 三、安装
  • 1、安装node版本
  • 2、安装国内的npm包管理器
  • 3、安装electron
  • 4、验证electron否安装成功
  • 5、使用git克隆一个electron简单的项目，并执行以下命令
  • 6、运行效果如下图
  • 7、具体详细内容可参见

一、简介

Electron是由Github开发，基于Chromium和Node.js，使用JavaScript，HTML 和 CSS 等 Web技术创建跨平台原生桌面应用的框架。

兼容Mac，Window和Linux，它构建的应用可在这三个操作系统上面运行，借助Electron，我们可以使用纯JavaScript来调用丰富的原生APIs。

二、市场

现在已经有很多由Electron开发应用，比如Atom、Insomnia、Visual Studio Code等。查看更多使用Electron构建的项目可以访问 Apps Built on Electron

三、安装

Electron的开发需要安装Node.js，npm和electron。下面我们一步一步的进行环境安装

1、安装node版本

首先到node官网下载对于的操作系统版本，然后进行傻瓜式安装，执行如下命令，如果不报错，则说明安装没有问题。

安装node时，npm默认会安装

node -v
npm -v

2、安装国内的npm包管理器

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

3、安装electron

cnpm install  -g  electron

4、验证electron否安装成功

electron -v

5、使用git克隆一个electron简单的项目，并执行以下命令

# 克隆提示项目仓库
git clone https://github.com/electron/electron-quick-start

# 进入这个仓库
cd electron-quick-start

# 运行
electron .

6、运行效果如下图

7、具体详细内容可参见

electron官方文档

---

转载声明：本站文章无特别说明，皆为原创，版权所有，转载请注明：朝十晚八 or Twowords

---