在线代码

CodeSandbox

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

CodePen

构建、测试和发现前端代码的最佳场所。

StackBlitz

一个更安全更极速的即时在线开发环境。

JSFiddle

在线测试你的JavaScript、CSS、HTML或CoffeeScript。

Web Maker

一个支持离线使用的代码工具，支持Chrome插件。

Liveweave

一个为网页设计师和开发人员提供的HTML、CSS和JavaScript在线代码工具

Vue SFC

Vue 官方在线代码工具。

码上掘金

掘金出品的在线代码片段管理工具。

TypeScript

一个用于 TypeScript 和 JavaScript 的在线编辑器。

Components.studio

组件不是应用程序，为什么我们要使用同样的工具?

WebComponents.dev

唯一的Web 组件在线 IDE。

- icon: '@websites/codesandbox.png'
  name: CodeSandbox
  desc: 基于 React 的在线代码沙盒平台。
  link: https://codesandbox.io/

- icon: '@websites/codepen.ico'
  name: CodePen
  desc: 构建、测试和发现前端代码的最佳场所。
  link: https://codepen.io/

- icon: '@websites/stackblitz.png'
  name: StackBlitz
  desc: 一个更安全更极速的即时在线开发环境。
  link: https://stackblitz.com/

- icon: '@websites/jsfiddle.png'
  name: JSFiddle
  desc: 在线测试你的JavaScript、CSS、HTML或CoffeeScript。
  link: https://jsfiddle.net/

- icon: '@websites/webmaker.png'
  name: Web Maker
  desc: 一个支持离线使用的代码工具，支持Chrome插件。
  link: https://webmaker.app/

- icon: '@websites/liveweave.png'
  name: Liveweave
  desc: 一个为网页设计师和开发人员提供的HTML、CSS和JavaScript在线代码工具
  link: https://liveweave.com/

- icon: '@websites/vue.png'
  name: Vue SFC
  desc: Vue 官方在线代码工具。
  link: https://sfc.vuejs.org/

- icon: '@websites/code.juejin.png'
  name: 码上掘金
  desc: 掘金出品的在线代码片段管理工具。
  link: https://code.juejin.cn/

- icon: '@websites/typescript.png'
  name: TypeScript
  desc: 一个用于 TypeScript 和 JavaScript 的在线编辑器。
  link: https://www.typescriptlang.org/zh/play

- icon: '@websites/components.studio.png'
  name: Components.studio
  desc: 组件不是应用程序，为什么我们要使用同样的工具?
  link: https://components.studio/

- icon: '@websites/webcomponents.dev.png'
  name: WebComponents.dev
  desc: 唯一的Web 组件在线 IDE。
  link: https://webcomponents.dev/