1、写作背景

工作空间内容记录，以备遗忘

---

2、参考网址

• LayUI管理
• Electron快速启动项目
• Electron打包编译

---

3、学习目的

• 01-Electron：记录eltron的基本使用

---

4、核心操作

1）01-Electron

1、eletron进行基础项目创建

git clone https://github.com/atom/electron-quick-start

npm install && npm start

原生的快速创建

---

2、eletron进尝试将layui放进去

代码地址：https://gitee.com/duxiaod/RuoYi

直接将代码放进去【代码是tomcat运行，eletron启动的时候也是运行容器，可以直接将项目运行起来】

image.png

3、将文件进行打包

• 参考地址：https://www.cnblogs.com/lightmusic/p/11404619.html

1、查看electron版本

electron - v

2、package.json修正

"package":"electron-packager . layuiDemo --win --out ./layUI-demos-master --arch=x64 --app-version=1.0.0 --electron-version=9.2.1"

layUI-demos-master：项目的名称
app-version：项目版本
electron-version：electron真实的版本信息，通过electron - v进行查看

3、打包脚本运行

npm run package

---

4、课后习题

1）将layui项目放入electron中，运行项目，并把项目打包