一、什么是Electron
概述:
Electron
前称为atom shell
,是从github开源项目Atom编辑器中抽离出来的,是一个能让你通过JavaScript
、HTML
和CSS
构建桌面应用的库。这些应用能打包到 Mac、Windows 和 Linux 电脑上运行。
组成:
Electron
结合了Chromium
、Node.js
和用于调用3个操作系统本地功能的API(如打开文件窗口、通知、图标等):
Chromium
:Google 创造的一个开源库,并用于 Google 的浏览器 Chrome;Node.js
(Node):一个用于在服务器运行JavaScript的工具,拥有文件系统和网络的权限;Native API
:支持3个操作系统(Windows、Mac和Linux)的原生API库。
开发体验:
跟网页开发很相似,通过HTML和CSS搭建界面,使用Node(JavaScript)编写逻辑,就像开发一个Node应用。
二、安装Node.js和
Electron
sudo apt-get install curl curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs sudo npm install -g cnpm --registry=https://registry.npm.taobao.org sudo cnpm install -g electron
或者
sudo add-apt-repository ppa:chris-lea/node.js sudo apt-get update sudo apt-get install nodejs sudo apt install nodejs-legacy sudo apt install npm sudo npm config set registry https://registry.npm.taobao.org sudo npm config list sudo npm install n -g sudo n stable sudo node -v sudo npm install --unsafe-perm -g electron
根据官方引导,使用以下指令:
# Clone this repository git clone https://github.com/electron/electron-quick-start # Go into the repository cd electron-quick-start # Install dependencies cnpm install # Run the app cnpm start
执行正常会弹出Helloworld窗口: