code-run 代码在线编辑和预览

code-run 是一个代码在线编辑和预览工具，类似 codepen、jsbin 和 jsfiddle，支持多种预处理语言，提供多种布局。用户可以添加 CSS 和 JavaScript 资源，内置多种常用模板，支持导出为 zip 文件，支持 Vue 单文件（2.x 和 3.x），允许用户直接移植 VSCode 主题。

code-run 支持多种预处理语言，包括 JavaScript、TypeScript、CoffeeScript 和 Vue等，支持在浏览器上使用 ES 模块语法，通过 unpkg 和 importmap 实现。

code-run 支持超过50种编程语言，包括Python、JavaScript、Java、C++等常见语言。

布局模板

code-run内置多种常用模板，用户可以根据需要自定义布局，布局可以通过拖拽调整大小，可以添加新的布局满足个性化的布局需求。

主题

code-run 支持直接移植 VSCode 主题，内置了大量优质主题，用户还可以将自定义主题保存到 GitHub gist 或者通过 URL 分享给其他人。

代码图片生成

code-run 工具内置支持生成美观的代码图片，类似于 Carbon，有时生成的图片高度可能超出代码实际高度，可以通过裁剪功能进行调整。

分享

你可以将代码保存到 GitHub gist，或者在未配置 GitHub gist 的情况下将变动保存到 URL 中。

开发部署

code-run 使用 Vue 3.x 和 Vue CLI 框架，UI 库为 Element Plus，代码编辑器为 Monaco Editor，项目是纯前端项目，使用 Vue 3 的组合式 API。

构建打包

code-run 提供多个脚手架命令，如 npm run build 用于构建项目，npm run serve 用于启动开发服务器，你可以修改 vue.config.js 和 src/config/index.js 文件来配置项目的基路径和路由模式。

编译器

code-run 使用各种编译器来处理预处理语言，如 Less、Sass、Babel、TypeScript 和 CoffeeScript，建议定期更新这些编译器。