{"id":13618426,"url":"https://github.com/tal-tech/electron-playground","last_synced_at":"2025-05-15T20:04:37.394Z","repository":{"id":37420314,"uuid":"304781553","full_name":"tal-tech/electron-playground","owner":"tal-tech","description":"This is a project to quickly experiment and learn electron related APIs","archived":false,"fork":false,"pushed_at":"2024-03-12T12:09:20.000Z","size":36123,"stargazers_count":1476,"open_issues_count":6,"forks_count":185,"subscribers_count":29,"default_branch":"master","last_synced_at":"2025-04-08T01:38:52.765Z","etag":null,"topics":["electron","electron-api","electron-app","electron-playground","electronjs","playground","typescript"],"latest_commit_sha":null,"homepage":"https://github.com/tal-tech/electron-playground","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tal-tech.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"license.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-17T02:31:31.000Z","updated_at":"2025-03-17T07:57:11.000Z","dependencies_parsed_at":"2024-08-01T20:57:20.527Z","dependency_job_id":null,"html_url":"https://github.com/tal-tech/electron-playground","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tal-tech%2Felectron-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tal-tech%2Felectron-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tal-tech%2Felectron-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tal-tech%2Felectron-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tal-tech","download_url":"https://codeload.github.com/tal-tech/electron-playground/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254414499,"owners_count":22067272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["electron","electron-api","electron-app","electron-playground","electronjs","playground","typescript"],"created_at":"2024-08-01T20:02:01.281Z","updated_at":"2025-05-15T20:04:31.129Z","avatar_url":"https://github.com/tal-tech.png","language":"TypeScript","funding_links":[],"categories":["HarmonyOS","TypeScript"],"sub_categories":["Windows Manager"],"readme":"# Electron Playground \n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/tal-tech/electron-playground/blob/master/license.md)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/tal-tech/electron-playground/pulls)\n\n如果想快速的把一个web app应用打包成一个electron应用，那我们还准备了[create-electron-app](https://github.com/tal-tech/create-electron-app),这个项目可以让你五分钟就拥有自己的electron app\n\n## 1. electron-playground介绍\n\n一个快速尝试和学习[electron](https://github.com/electron/electron)的项目，对electron的api进行了归纳和总结，对常用的业务功能做了demo演示。\n\n## 2. 特性\n\n在文档和演练场中，几乎所有的代码都可以即时运行看到效果。亦可直接在界面上修改代码运行。\n\n![](./resources/readme/01.gif)\n\n编辑器全部集成[monaco-editor](https://github.com/microsoft/monaco-editor)，编码体验接近vscode；\n\n![](./resources/readme/02.gif)\n\n想要实现更复杂的操作，我们参考[fiddle](https://github.com/electron/fiddle)创建了演练场，这里编写的应用都可以独立运行。\n\n![](./resources/readme/03.gif)\n\n## 3. 启动\n\n克隆仓库到本地，安装依赖后执行\n```shell\nyarn start\n```\n编译完成后将自动启动应用\n\n## 4. 已实现\n\n工程化\n  - 崩溃分析和收集\n  - 开发调试\n  - 打包问题\n  - 应用更新\n- 应用\n  - 自定义协议\n  - 系统提示和文件选择\n  - 菜单\n  - 系统托盘\n  - 文件下载\n- 窗口管理 \n  - 创建和管理窗口\n  - 隐藏和恢复\n  - 聚焦、失焦\n  - 全屏、最大化、最小化\n  - 窗口通信\n  - 窗口类型\n  - 窗口事件\n- 其他\n  - 安全性\n  \n## 5. 规划中\n- 小程序\n- 小应用\n- 截屏/录屏\n- 微服务集成\n- 自启动管理\n- 性能优化\n- 打包体积优化\n- 更多...\n\n## 6. 最后\n\n如果觉得这个项目对你有用，欢迎star，另外更欢迎大家提issue哈。\n\n当然如果有问题，可以加下面微信，有时间我们会第一时间回复。\n\n\u003cimg width='360px' src='https://test-oss.xiaoheiban.cn/202107/2f3f7545-858e-41d4-9687-b047858affe9.jpg' /\u003e\n\n因为国内网络原因，图片可能无法加载，可以微信搜索**”晓前端“**，关注公众号**“晓前端”**，输入“ele”或者“electron”，也能自动获取群图片。\n\n有一个公众号叫“晓前端团队”，这个不是**我们的公众号**，我们公众号就是**晓前端**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftal-tech%2Felectron-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftal-tech%2Felectron-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftal-tech%2Felectron-playground/lists"}