code-run

一个代码在线编辑预览工具，类似codepen。

在线使用：http://lxqnsys.com/code-run/，在线版支持用户登录相关功能，支持云端保存与分享，本仓库的代码不包含该部分功能，如有需要，可邮件联系：[email protected]。

项目设计思路及开发过程可参考文章：https://juejin.cn/post/6965467528600485919。

特性

• [x] 支持多种预处理语言

• [x] 支持多种布局随意切换

• [x] 支持添加额外的css、js资源

• [x] 内置多种常用模板

• [x] 支持导出zip

• [x] 支持代码格式化

• [x] 美观强大的控制台

安装

启动&打包

git clone https://github.com/wanglin2/code-run.git

cd code-run

npm i

npm run dev

npm run build

依赖

视图库：VUE 3.X

UI库：element-plus

编辑器：Monaco Editor