electron学习

electron

一个使用web来写桌面软件的程序。官网https://electronjs.org/

Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将ChromiumNode.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。

api-demos:https://github.com/electron/electron-api-demos/releases

准备

安装nodejs(因为打算玩玩React Native所以安装的6.x的版本)https://nodejs.org/download/release/v6.13.0/

安装:$ npm i -D electron@latest

第一个小程序

1
2
3
4
5
6
7
8
# 克隆示例项目的仓库
$ git clone https://github.com/electron/electron-quick-start

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

# 安装依赖并运行
$ npm install && npm start

通过上述步骤,可以直接打开一个小的程序,里面显示一个小的浏览器页面,包含菜单栏。

用VS Code打开项目的文件夹,了解里面的内容:

package.json

包含项目的名称、版本、介绍、入口js等内容。

公众号推荐

推荐一波自己的公众号:五道口的程序狐

里面有一个聊天机器人,抚慰你的心灵

mp

如有需要,联系contact@fhao.top