1、Codepen- https://codepen.io
Codepen 是一个在线代码编辑器、社区和学习平台，专注于前端开发。
用户可以在这 Codepen 上编写 HTML、CSS 和 JavaScript 代码，并实时预览结果。
Codepen 支持多种前端技术，包括但不限于 React、Vue、Angular 等现代框架和库。
2、Jsfiddle - https://jsfiddle.net
Jsfiddle 是一个在线前端代码编辑和分享平台，它允许用户实时编写和测试 HTML、CSS 和 JavaScript 代码 。
Jsfiddle 适合前端开发者在快速尝试不同 JavaScript 框架和库的场景中使用，因为它支持多种流行的 JavaScript 库和框架，如 jQuery、React、Vue 等 。
3、JS Bin - https://jsbin.com
JS Bin 是一个在线代码编辑器和调试工具，专为前端开发者设计。
用户可以在 JS Bin 编写、测试和分享 HTML、CSS 和 JavaScript 代码。
JS Bin 可以引入多种流行的 JavaScript 库和框架，如 jQuery、React、Vue 等 。
4、Jsitor- https://jsitor.com
Jsitor 是一个在线代码编辑器和运行环境，支持多种编程语言，包括 HTML、CSS、JavaScript 等。
用户可以在 Jsitor 平台上快速编写、调试和运行代码，无需安装任何软件。
5、Playcode- https://playcode.io
PlayCode 是一个专注于 JavaScript 的在线代码编辑器，适合快速测试和原型开发。
使用 PlayCode 可以轻松引入常用的前端库和框架，如 React、Vue、Three.js 等。
6、Liveweave- https://liveweave.com
Liveweave 是一个在线代码编辑器和原型设计工具，它允许用户直接在浏览器中编写、编辑、预览和分享 HTML、CSS 和 JavaScript 代码。
7、https://replit.com/
Replit 是一个功能强大的在线开发平台，支持多种编程语言（如 Python、JavaScript、C++ 等），适合个人、团队和教育用户快速编写、运行和部署代码。
Replit 支持多语言，涵盖 50+ 种编程语言，无需安装额外环境，支持多人实时协作开发。
7、Stackblitz - https://stackblitz.com/
StackBlitz 是一个基于云的集成开发环境（IDE），它允许开发者在浏览器中创建、编辑、预览和分享完整的前端项目。
StackBlitz 无需配置环境，快速启动 React、Angular、Vue、Next.js 等框架项目
代码直接在浏览器中运行，使用 WebAssembly 提供高性能体验。
StackBlitz 可以轻松导入和管理 GitHub 项目，持多人实时编辑代码。
8、Codesandbox - https://codesandbox.io/
CodeSandbox 是一个功能丰富的在线代码编辑器和协作开发平台，专注于现代 Web 应用的快速开发。
9、Jdoodle- https://www.jdoodle.com/
JDoodle 是一个在线编程平台，支持多种语言（如 Python、Java、C++ 等）的即时编写和运行。
JDoodle 无需安装开发环境，提供代码共享、API 调用以及教育管理功能，适合编程练习、测试和教学使用。
10、Regexr - https://regexr.com/
Regexr 是一个在线工具，旨在帮助用户学习、构建和测试正则表达式。
Regexr 提供了一个交互式的环境，用户可以编辑正则表达式和文本，查看匹配结果，并获取匹配细节。
11、Regex101 - https://regex101.com/
Regex101 是一个在线工具，用于构建、测试和调试正则表达式。
Regex101 允许用户输入正则表达式和测试字符串，查看匹配结果，并了解正则表达式的各个组成部分。
看到这里，正常大家都会收藏这些好用的工具，能不能用上以后再说，收藏落灰概率较大，当然有更好方法就是收藏工具集合～～～
