Codeplayer
WebIDE based on importmap. Support react/vue/html/ts/js/css/less/scss and so on.
Install / Use
/learn @zh-lx/CodeplayerREADME
CodePlayer
<p align="center"> <p>CodePlayer 是一款轻量、免登录、极快运行速度的 WebIDE，可以在线编写 vue2/3、react 等应用代码并运行，性能远超 CodePen、CodeSandbox、Stackblitz 等同类的产品。</p> <a href="https://play.fe-dev.cn">在线体验</a> | <a href="https://play.fe-dev.cn/docs">使用手册</a> </p> </div>使用
具体的使用参照使用手册
支持语法
- ✅ html
- ✅ js/ts
- ✅ css/less/scss
- ✅ jsx/tsx
- ✅ vue2/3
- ✅ react
速度对比
- 比较基准: 以 Antd 组件库的 Button Demo 为例，分别访问各个平台，记录 Demo 加载完毕的总时长
- 测试环境: Chrome v118、Windows 平台、100MB 带宽
| 平台 | 首次访问(无缓存) | 后续访问(有缓存) | Demo 地址 | | ----------- | ---------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | CodePlayer | 8s | 2s | CodePlayer | | CodePen | 12s | 4s | CodePen | | CodeSandbox | 19s | 17s | CodeSandbox | | Stackblitz | 29s | 22s | Stackblitz |
交流与反馈
任何使用问题欢迎添加作者微信 zhoulx1688888 或者 QQ 群 245077601 进行咨询与反馈:
