2023.01.05 - 关于前端在线代码编辑工具的试错总结

很牛的一件事就是推荐的这几款软件虽然很多都是国外的，但是都可以在国内使用，非常nice!

当然我推荐的标准就是哪个适合白嫖党，毕竟我们不太想花8$一个月的价钱去订阅分享代码的工具(至少目前我身边很少有同事在用，没有团队花这个钱可能不太值)，当然有钱大佬请随便订阅,付费的大都是好用的。

1、codesandbox

平台简单的运行效果，能上传静态资源，多个文件相互跳转，懂得都懂很nice了。

他还能跨平台使用，除了支持电脑客户端，还支持移动端，没有具体测试，但是确实是有多端的能力的，支持导入3个github项目在线编辑和提交，支持部署。

这是我目前知道的最好的在线编辑，如果有发现更好的，会及时更新。

2、codepen

codepen算是在线IDE的老牌特种兵了，用户体验上确实要舒服一些，国内的【码上掘金】就是模仿者。
对于单文件，确实推荐用codepen，一些静态的资源文件和依赖都可以通过cdn或者其他的外链方法引入。
在上面也可以找到很多大佬的项目作灵感，或者直接拿来用。

平台简单运行的效果

总之，啥都比较好，也是主流和好用的，它的缺点就是免费用户只能有一个project，在project下可以有多个pen,如果要多个project，就要PRO付费。可以花钱买个万金油活络一下。

3、stackblitz

和codepen不同的是它的免费版支持无限个公开项目，可同步开发github项目。这就是说可以有多个文件相互之间连接和跳转，就是相当于开放了codepen的project功能

但是这个编辑器的Embed嵌入功能，我并没有找到iframe引入的方式，智能分享链接。
https://stackblitz.com/edit/web-platform-zcg3ab?embed=1&file=index.html
但是当你上传文件的时候：File uploads only available for users with a paid membership.就会提示这是付费滴。也就是说上传文件是付费的，我们也可以用CDN或者外链的方式引入。