CodeSandbox

可以通过命令行从本地导入：npm install -g codesandboxcodesandbox ./ 使用协作沙箱创建、共享和获取反馈，以实现快速Web开发。CodeSandbox是一个为 Web 应用程序开发而构建的在线编辑器。 产品特点： 1、无设置：沙箱不需要安装-使用模板启动新项目，或从GitHub回购开始，在几秒钟内开始编码。 2、速度快：沙盒是一种超高速的开发环境。它们是专门为在浏览器中快速开发网页而构建的。 3、多人协作：沙盒是协作的。就像谷歌Doc一样，但对于代码，你可以实时或异步地获得反馈并一起创建。 4、实时更新：沙盒更新是实时的，因此可以在编写代码时立即内联地看到更改的效果。 5、共享：只需单击即可共享沙盒。团队或同事只需一个URL即可加入或查看创作。 产品优势： 1、快速原型制作：快速创建真实的工作原型。更早地测试想法并进行更多迭代。 2、知识共享：共同使用代码、应用程序和模板。互相学习并总结最佳实践。 3、更好的反馈：直接在编辑器中提供和获取关于代码或视觉效果的反馈。采取行动，更快地前进。

第一部分：安装Vue Cli 第二部分：配置Vue 第三部分：打开网页，左上角Create Sandbox 第三部分：写代码 第四部分：导出文件 第五部分：解压文件 CodeSandbox是一个为 Web 应用程序开发而构建的在线编辑器。使用它绝对能满足你在线代码编辑的要求，我想唯一问题就是，访问它比较慢，因为它是国外的。当然如果你会科学上网，这都不是问题。它不仅支持JavaScript三大主流框架。CodeSandbox 的代码编辑器是基于 Monaco 的，而 Monaco 是为 VSCode 的提供支持的代码编辑器。CodeSandbox 后面的发展很多地方参考了 VSCode，在 V2.5 -> v3.0 加入了能直接导入 VSCode 的主题和设置的功能，基本上能获得非常接近于本地浏览器的体验。

CodeSandbox 是一个在线的代码编辑器，主要聚焦于创建 Web 应用项目。 支持常见文件格式：JavaScript、TypeScript、CSS、Less、Sass、HTML 等。 支持自动代码提示。 该平台的前端版本是开源的。 CodeSandbox 为前端开发提供了完整的代码编辑器体验和沙盒环境。其包含了很多实用功能： Npm 支持：可以添加几乎任何 npm 上可用的包； 支持 TypeScript、热更新、GitHub 导出、静态文件托管等； 使用 Monaco 编辑器构建，Monaco 是为 VSCode 的提供支持的代码编辑器，有很多相似的体验； 集成的 DevTools、linting、错误覆盖、测试框架 (Jest)等； 强大的 CLI 可以直接将本地项目导入 CodeSandbox。