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官网下载对于的操作系统版本,然后进行傻瓜式安装,执行如下命令,如果不报错,则说明安装没有问题。

Electron桌面应用:环境搭建_第1张图片

安装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、运行效果如下图

Electron桌面应用:环境搭建_第2张图片

7、具体详细内容可参见

electron官方文档



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


你可能感兴趣的:(Electron桌面应用:环境搭建)