{"repo":"wanglin2/code-run","free":true,"listed":false,"github":"https://github.com/wanglin2/code-run","clone":"git clone https://github.com/wanglin2/code-run.git","description":"一个代码在线编辑预览工具，类似codepen、jsbin、jsfiddle等。","language":"JavaScript","stars":617,"topics":["codepen","jsbin","code-editor","code","editor","javascript","vue"],"license":null,"category":"ui-components","readme_excerpt":"code-run 一个代码在线编辑预览工具，类似 codepen 。 在线示例：https://wanglin2.github.io/code-run-online/。 相关文章 使用Skypack在浏览器上直接导入ES模块 快速搭建一个代码在线编辑预览工具 如何手动解析vue单文件并预览？ 手把手教你实现在Monaco Editor中使用VSCode主题 特性 - [x] 支持多种预处理语言 - [x] 支持多种布局随意切换 - [x] 支持添加额外的 css 、 js 资源 - [x] 内置多种常用模板 - [x] 支持导出 zip - [x] 支持代码格式化 - [x] 美观强大的控制台 - [x] 支持 vue 单文件（2.x、3.x） - [x] 支持直接移植 VSCode 主题，并且已经内置了大量优质主题 - [x] 内置支持保存到github gist【gist API】，想要保存到自己的存储体系修改也十分简单 - [x] 内置支持在未配置github gist的情况下将变动保存到url中，可方便的将url分享给他人查看 - [x] 内置支持生成和carbon一样漂亮美观的代码图片 - [x] 内置使用unpkg及importmap支持在浏览器上使用ES模块语法 - [x] 支持嵌入模式，方便在文档网站中使用，让文档示例更轻松 本地构建 打包 修改应用基路径 请先确认打包后应用的基路径，项目默认的基路径为 /code-run/ ，如果你想换一个，可以按如下步骤修改： 1.修改 vue.config.js 文件里的 publicPath 字段。 2.修改 src/config/index.js 文件的 base 字段。 修改路由模式 默认的路由模式为 hash模式 ，如果需要使用 history 模式请修改 src/config/index.js 文件的 routerMode 字段。 另外history模式下如果存在多级路径，可能需要修改以下文件： 1.修改 /public/index.html 文件的 prettier 相关 js 资源的路径； 打包命令 项目主要技术 脚手架： Vue CLI 框架： Vue 3.X 全家桶，通过 script setup 使用 组合式API UI库： element-plus 代码编辑器： Monaco Editor 界面截图 关于使用ESM 目前在 JavaScript 、 TypeScript 、 CoffeeScript 、 Vue3 、 Vue2 等模式下支持使用 ESM ，默认情况下，如果你直接按下列方式导入模块的话： 最后会转换成： 也就是使用unpkg，但是有些模块 unpkg 获取不到 ESM 版本，或者直接这样获取到的版本不是我们所期望的，比如导入 vue 时，我们需要的是 https://unpkg.com/vue@3.2.37/dist/vue.esm-browser.js ，但是 https://unpkg.com/vue?module 默认返回的是 https://unpkg.com/vue@3.2.37/dist/vue.runtime.esm-bundler.js?module ，这个版本无法运行在浏览器上，所以这时候就可以通过手动添加importmap来设置导入模块的来源。 主题新增教程 本教程针对迁移 VSCode 主题。 1.确定要新增的主题，先在本地 VSCode 上安装并切换到该主题，然后按 F1 或 Command/Control + Shift + P ","default_branch":null,"files":null,"tree":[],"storefront":"/r/wanglin2","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/wanglin2/code-run/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}