基于 React 的在线代码沙盒平台 CodeSandbox

基于 React 的在线代码沙盒平台 CodeSandbox

GPL
JavaScript
跨平台
2019-03-26
红薯

CodeSandbox 是一个在线的代码编辑器,主要聚焦于创建 Web 应用项目。

支持主流的前端相关文件的编辑:JavaScript、TypeScript、CSS、Less、Sass、Scss、HTML、PNG 等。支持自动代码提示。

界面截图如下:

该平台的前端版本是开源的

的码云指数为
超过 的项目
加载中

评论(5)

XYShaoKang
XYShaoKang

引用来自“_全村的希望”的评论

这个东西跟vscode是什么关系
CodeSandbox 的代码编辑器是基于 Monaco 的,而 Monaco 是为 VSCode 的提供支持的代码编辑器.相当于他们有同一个爹. CodeSandbox 后面的发展很多地方参考了 VSCode,在 V2.5 -> v3.0 加入了能直接导入 VSCode 的主题和设置的功能,基本上能获得非常接近于本地浏览器的体验.还有一个黑科技,可以在 CodeSandbox 上运行 Node 容器,之前一直在测试阶段,上个礼拜结束测试,推出稳定版本.在 Node 容器里面,可以直接运行后台服务,自定义的 webpack 开发等等. 唯一的问题只有网络,在国内的速度比较慢,导致体验大幅度下降,需要配合科学上网才行. 也可以了解一下另外一款基于 VSCode 的在线编辑器 StackBlitz ,在国内速度会稍微快点,只是暂时还不支持 node 容器或者自定义 webpack 的项目.
_全村的希望
_全村的希望
这个东西跟vscode是什么关系
郭宇鹏
很好
mental
mental
还是sublime用得舒服,基于浏览器的用起来感觉怪怪的
周波-RememBerBer
周波-RememBerBer
很酷,嗯

CodeSandbox v3 发布,Web 项目的在线开发

CodeSandbox 近期发布了 v3 版本,CodeSandbox 是一个在线的代码编辑器,主要聚焦于创建 Web 应用项目。 新版本对界面进行了全新的调整;另外最大更新是支持了部分 VSCode 的 Extension。与一...

03/26 08:04

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

通过 React Hooks 声明式地使用 setInterval

本文由云+社区发表 作者:Dan Abramov 接触 React Hooks 一定时间的你,也许会碰到一个神奇的问题: setInterval 用起来没你想的简单。 Ryan Florence 在他的推文里面说到: 不少朋友跟我提起...

02/20 19:39
5
0
推荐 9 个样式化组件的 React UI 库

简评:喜欢 CSS in JS 吗?本文将介绍一些使用样式组件所构建的 React UI 库,相信你会很感兴趣的。 在 React 社区,对 UI 组件进行样式化的讨论逐步从 CSS 模块到内联 CSS 再到 CSS in JS,...

2018/11/06 12:16
460
0
30个值得关注的Vue开源项目

译者按: 学习优秀的开源项目是提高代码水平最有效的方式。 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug 为了保证可读性,本文采用意译而非直...

02/25 11:16
27
0
知乎视频播放器 Griffith 开源了~

知乎视频播放器 Griffith 开源介绍 Griffith 是什么? Griffith 是一个基于 React 的视频播放器,目前已在知乎 web 和 mobile web 内使用,并在 GitHub 上开源。 开源地址及示例 GitHub 地址...

04/03 19:39
3
0
一些有用的工具网站

useful-tools 🔨 一些有用的工具网站(注意:有些网站可能需要翻墙才能看到) 浏览器兼容类🌎 caniuse (网站开发浏览器兼容性查询) browserhacks (一些浏览器兼容写法) 图片类😎 Tiny...

2018/12/27 11:08
17
0
2018年最值得关注的30个Vue开源项目

译者按: 学习优秀的开源项目是提高代码水平最有效的方式。 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug 为了保证可读性,本文采用意译而非直...

2018/05/30 15:32
1K
0
2018年最值得关注的30个Vue开源项目

原文链接:blog.fundebug.com 899元带你拿下腾讯官方微信小程序开发 NEXT 学位!成为小程序开发领域的领先开发者!立即报名了解详情:ke.qq.com 译者按: 学习优秀的开源项目是提高代码水平最...

2018/05/30 14:13
23
0
Formik与antd-mobile的移动端的表单实践(上)

概览 本文主要用于记录该次使用Formik时用到的相关接口,而侧重点不在antd-mobile,对antd-mobile会贴出对应组件API。 文章需要基础知识点: React基本知识 ES6基本知识 文章实践环境为: an...

2018/08/28 13:41
137
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部