CodePen
前端代码在线编辑、演示和分享平台。
在线编程工具
在线编程工具
在线编程环境适合演示、教学、快速实验和分享可运行示例，不一定要先在本机配置完整开发环境。
在线编程环境的选择顺序
只演示一段代码：优先检查是否能快速运行、分享链接是否公开，以及环境是否会自动休眠。
要长期维护项目：查看源码导出、依赖锁定、环境变量、版本历史与 Git 仓库连接方式，避免项目被锁在单一平台。
涉及密钥或客户数据：不要把 API 密钥放在前端代码、公开项目或可分享的运行日志中；必要时改用受控开发环境。
临时实验和长期项目要分开
临时实验优先看启动速度和分享方式；长期项目还要比较依赖安装、持久存储、团队协作和导出能力。