CodeSandbox:在线前端代码编辑器 - 荷兰开发者工具网站
专注现代Web和前端开发的在线代码沙盒,支持React、Vue、Angular等框架的即时运行和实时协作。
行业分类: 荷兰开发者工具、在线IDE[文]、前端开发、代码沙盒
成立时间: 2017年(由Ives van Hoorne和Bas Buursma创立)
所属国家: 荷兰网站(由CodeSan[章]dbox B.V.运营)
网站语言: 支持多语言(含英语等)
服务区域: 全球
官方网站: www.codesandbox.io
网站介绍: www.codesandbox.io 是专注于现代Web和前端开发的在线代码沙盒与协作IDE。CodeSandbox由Ives van Hoorne和Bas Buursma于2017年在荷兰创立。CodeSandbox以“为Web开发者提供即时、可分享的在线开发环境”为核心理念——在浏览器中一键创建React、Vue、Angular、Svelte、Next.js等现代前端框架的项目沙盒,自动配置Webpack/Vite等打包器,实时预览运行结果。CodeSandbox是前端开发者分享Bug复现、演示组件和构建原型的首选工具,被React、Vue等官方文档广泛用于示例代码演示。
CodeSandbox的核[来]心功能包括:Instant[自] Sandbox(即时沙盒—[C]—选择框架模板,自动创建包[c]含package.json[c]、依赖安装和构建配置的完整[c]环境)、Live Collaboration[n](实时协作——多人同时编辑[.]同一沙盒代码,光标和修改实[c]时可见)、Embed(嵌入[o]——每个沙盒生成嵌入代码,[m]在博客和文档中嵌入可实时编[文]辑和运行的代码示例)、Gi[章]tHub Integration(G[来]itHub整合——从Git[自]Hub仓库导入项目创建沙盒[C],或将沙盒导出为GitHu[c]b仓库)和NPM Support(NPM包支[c]持——沙盒内自动安装pac[c]kage.json中声明的[n]依赖,支持私有npm包)。[.]
CodeSandbox是“[c]浏览器中的开发环境”理念的[o]先锋实践者。其沙盒模板覆盖[m]了几乎所有主流前端框架。R[文]eact官方文档广泛使用C[章]odeSandbox嵌入交[来]互式示例。CodeSand[自]box与StackBlit[C]z在在线前端IDE领域直接[c]竞争。
使用说明: 访问www.codesandbox.io ,使用GitHub或Google账户注册。点击“Create Sandbox”选择框架模板。在编辑器中编写代码,右侧实时预览。点击“Share”复制沙盒链接分享或嵌入博客文档。从GitHub仓库导入项目或导出沙盒。