以下5款在线IDE，可以直接编写前端构建化项目，而无需在本地下载依赖包，非常适合学习，写demo：

1、https://codesandbox.io/ 【推荐】

个人免费，支持公开项目个性化的设置，跨平台使用，除了支持PC端，还可以下载app在手机上编程，支持导入github项目在线编辑和提交，支持部署。

2、https://codepen.io/

老牌在线IDE。codepen只能有一个project，在project下可以有多个pen,如果要多个project，则需要付费。

3、https://stackblitz.com 【推荐】

免费版支持无限个公开项目，可同步开发github项目

4、https://www.gitpod.io/

可同步在线开发github项目，但每个月只有50个使用时间，超过需付费

5、https://phcode.dev/

Adobe 公司开发过一个代码编辑器 Bracket，现在将其做成了 Web 版，重新命名为 Phoenix，可以当作线上 IDE 使用，源码开源：
https://github.com/phcode-dev/phoenix
总体使用体验不佳

更多：imqd.cn/5-online-ide.html