Electron初探

Electron是什么?

Electron是由github开发的开源框架，一个使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。它允许开发者使用web技术开发跨平台桌面应用，通过将 Chromium 和 node.js 嵌入一个运行的环境中来实现这一点，应用程序可以打包到 Mac、Windows 和 Linux 系统上。

创建electron项目

// 确认安装依赖
node -v
npm -v
yarn -v

这里需要注意，有时候npm不要用，推荐使用yarn

使用脚手架创建

mkdir my-electron-app && cd my-electron-app
npm init
// or
mkdir my-electron-app && cd my-electron-app
yarn init

你的 package.json 文件应该像这样：

{
  "name": "electron_desktop",
  "version": "1.0.0",
  "description": "a electron app",
  "main": "main.js",
  "author": "Jane",
  "license": "MIT"
}

然后，将 electron 包安装到应用的开发依赖中

npm install --save-dev electron
// or
yarn add --dev electron
// 由于我本地换成了华为镜像，需要限制依赖版本号
yarn add --dev electron@17.0.0