tal-tech/electron-playground

This is a project to quickly experiment and learn electron related APIs

Electron Playground

如果想快速的把一个web app应用打包成一个electron应用，那我们还准备了create-electron-app,这个项目可以让你五分钟就拥有自己的electron app

1. electron-playground介绍

一个快速尝试和学习electron的项目，对electron的api进行了归纳和总结，对常用的业务功能做了demo演示。

2. 特性

在文档和演练场中，几乎所有的代码都可以即时运行看到效果。亦可直接在界面上修改代码运行。

编辑器全部集成monaco-editor，编码体验接近vscode；

想要实现更复杂的操作，我们参考fiddle创建了演练场，这里编写的应用都可以独立运行。

3. 启动

克隆仓库到本地，安装依赖后执行

yarn start

编译完成后将自动启动应用

4. 已实现

工程化

• 崩溃分析和收集
• 开发调试
• 打包问题
• 应用更新
• 应用
  • 自定义协议
  • 系统提示和文件选择
  • 菜单
  • 系统托盘
  • 文件下载
• 窗口管理
  • 创建和管理窗口
  • 隐藏和恢复
  • 聚焦、失焦
  • 全屏、最大化、最小化
  • 窗口通信
  • 窗口类型
  • 窗口事件
• 其他
  • 安全性

5. 规划中

• 小程序
• 小应用
• 截屏/录屏
• 微服务集成
• 自启动管理
• 性能优化
• 打包体积优化
• 更多...

6. 最后

如果觉得这个项目对你有用，欢迎star，另外更欢迎大家提issue哈。

当然如果有问题，可以加下面微信，有时间我们会第一时间回复。

因为国内网络原因，图片可能无法加载，可以微信搜索**”晓前端“，关注公众号“晓前端”**，输入“ele”或者“electron”，也能自动获取群图片。

有一个公众号叫“晓前端团队”，这个不是我们的公众号，我们公众号就是晓前端

electron-playground's Issues

窗口类型里面的几个代码示例，点击打开都是空白

🐞 bug report

窗口类型里面的几个代码示例，点击打开都是空白，不像下面的 gif 图里面的样子。且第一个例子打开的窗口因为页面完全空白，无法关闭。

Description

Exception

和 gif 图的效果保持一致

Environment

Platform: macOS
OS Version: 11.0.1

@types/autobind-decorator 这个包装不了

`➜ electron-playground git:(master) npm i @types/autobind-decorator
npm WARN deprecated @types/[email protected]: This is a stub types definition for autobind-decorator (https://github.com/andreypopp/autobind-decorator). autobind-decorator provides its own type definitions, so you don't need @types/autobind-decorator installed!
npm ERR! Cannot read property 'match' of undefined

npm ERR! A complete log of this run can be found in:`

和 electron-fiddle 太像了

🚀 Feature request

Description

Do you have any ideas?

下载管理器下载文件名无法编辑

🐞 bug report

Description

Environment

Platform: macOS
OS Version: 11.0.1

运行yarn dev: main 报错

🐞 bug report

目前webpack官网说new webpack.NamedModulesPlugin(), 已经被弃用，

以下为链接 webpack/webpack#11637 请问有遇到类似情况吗？怎么解决比较好，我将这个注释掉之后就说找不到

Description

在运行yarn dev:main 的时候会报错

然后注释掉 再运行是成功的，然后运行yarn start 就说找不到入口了
已经生成对应文件

Exception or Error

Environment

开发环境
Platform: win10
OS Version:

下载管理器窗口无法二次打开

🐞 bug report

Description

1. 点击“打开下载管理器”按钮后
2. 下载管理器窗口正常打开
3. 关闭下载管理器窗口
4. 再次点击“打开下载管理器”按钮

Error

下载管理器窗口无法再次打开

Exception

可以正常再次打开

Environment

Platform: macOS
OS Version: 11.0.1

项目启动报错

项目安装完依赖后启动会报错，无法运行

github和公众号中的二维码均已过期，无法添加，麻烦还请替换成有效的二维码

无法启动.

无法启动,用的yarn

安装依赖报错

🐞 bug report

执行npm install error

Description

github上此包已经不存在，建议升级electron版本

Exception or Error

Environment

Platform:
OS Version:

文档不够详细啊，项目无法启动

🚀 Feature request

文档不够详细啊，项目无法启动，先yarn，然后yarn start，等了半天，也不知道启动好没有

Description

Do you have any ideas?

二维码过期了

🚀 Feature request

Description

Do you have any ideas?

演练场和文档打开都是空白的。

🐞 bug report

Description

Exception or Error

Environment

Platform:
OS Version:

为什么不建一个qq群

🐞 bug report

Description

Exception or Error

Environment

Platform:
OS Version:

请问有新的交流群吗

最近还在维护吗？加群的二维码已经失效了

加群公众号已失效，记得及时更新哦~~~

加群公众号已失效，记得及时更新哦~~~