创建electron项目的三种方式

electron是什么？

• Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。

学习electron前提条件

• 需掌握 html + css + javascript
• 了解/会使用基础node脚本（npm的使用）
• 电脑安装有node 建议您安装最新可用的 LTS 或 Current 版本

前期准备，已经安装npm，node请忽略

1. Mac  升级node 到最新版本 https://blog.csdn.net/ssjdoudou/article/details/106175320
2. Mac 安装cnpm   sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
3. Mac 安装electron    sudo cnpm install -g electron
4. 查看版本号。  electron -v
5.mac安装yarn：sudo cnpm install -g yarn

第一种方式：

采用官网快速开始项目：https://github.com/electron/electron-quick-start

# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies
npm install
# Run the app
npm start

第二种方式：

采用官网脚手架方式，功能更加全面：https://www.electronforge.io/?utm_source=default_app

npx create-electron-app@latest my-app
或者
yarn create electron-app my-app

cd my-app
npm start

打包方式参考：electron项目打包成dmg_陌子曦的专栏-CSDN博客

第三种方式：手动创建项目 

1.创建工程名称：electron-manual-app
2.在工程中创建主进程main.js,渲染进程index.html
3.生成package.json命令: npm init —yes
4.项目安装electron：cnpm i electron —save -dev
5.启动工程命令： electron .

Javascript 代码检测工具eslint：

全局安装命令：sudo cnpm install -g eslint
安装完成之后，在项目中执行eslint —init