2021-11-24-可以运行的electron开源小项目
目录
可以运行的electron开源小项目
可以运行的electron开源小项目
文章目录
前阵子为了学习一下electron,找了不少开源小项目来练手，现在汇总一下。
可惜对前端编程不是很熟悉，只是学了一点皮毛，记录一下这些项目，供以后再来学习。
1.tasky
好的地方是有博客讲解，而且比较新
项目地址：
作者博客地址：
入门Electron，手把手教你编写完整实用案例：
Electron应用的打包和自动更新：
2. 番茄钟🍅⏰
依赖安装
npm install
//or
yarn 推荐项目本地运行
npm run start
//or
yarn start
3. vue-electron-notes笔记软件
这个项目是使用electron-builder实现的方案
有微信公众号教程
缺点，文章没有保存本地和导出功能
安装依赖
npm install # 失败
使用yarn成功本地启动项目
npm run electron:serve # 成功构建安装包
npm run electron:build # 我遇到一些包要离线下载4 Electron API 演示(中文版)
感觉是纯electron的项目，没有使用第三方框架
构建
在构建此应用之前, 你需要安装 .
yarn
npm start5. wallhaven-electron
一款基于 Electron 壁纸客户端 。
- gitee：
- github：
运行说明
npm install -g yarn
yarn
# 运行开发模式
npm run dev:web
npm run dev:exe上面两个命令都要运行的，只不过要在两个终端（cmd） 运行，一个先运行
npm run dev:web
， 然后另一个终端运行
npm run dev:exe
下面我在 VSCode 开启两个终端运行项目。
一个运行
npm run dev:web
出现下面信息说明这个命令运行成功。 注意不能关了终端
接下来在另一个终端运行
npm run dev:exe
等个2,3秒就可以出来界面了
6.electron-egg 模板
一个入门简单、快速高效、功能丰富的JS跨平台桌面软件开发框架。
- 🏆 码云最有价值开源项目
- gitee：
demo
- 安装，node推荐v14.16.0
- 改变了package.json的electron版本，12.0.10 –》13.6.1 ,因为12的版本下载不成功
# 提升安装速度，使用国内镜像；
npm config set registry https://registry.npm.taobao.org
# 进入目录 ./electron-egg/
npm install
OR
yarn
# 启动
npm start- 常用命令
# 开发者模式
# 1：【进入前端目录】，启动vue
cd frontend && npm install && npm run serve
# 2：【根目录】，启动后端服务
cd ../ && npm run dev68747470733a2f2f62:6c6f672e6373646e2e6e65742f71715f33383436333733372f:61727469636c652f64657461696c732f313231353133323634