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