一个前端在线编辑器,且致力于成为一个方便、快速的在线 Web 实例开发、调试工具
使用 Vue3 和 Codemirror6 构建
![Screenshot 2024-05-17 150903](https://private-user-images.githubusercontent.com/40834209/331499714-61576c39-6b00-48cd-bb07-cc2f6d18b279.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg0NjczMzksIm5iZiI6MTcxODQ2NzAzOSwicGF0aCI6Ii80MDgzNDIwOS8zMzE0OTk3MTQtNjE1NzZjMzktNmIwMC00OGNkLWJiMDctY2MyZjZkMThiMjc5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE1VDE1NTcxOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAwOTI5NWYyZGUzM2UwNjAzMmFhNDdkODI0OGZhNDY2NTI5NjUyZTQ5ZTNhZTQ0OTliMDA1ZDhmYWMzZGYzZDcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.n8mrBZ8eUm8Ujv_IQvcFBSB0mhdukr3ItRdIvHPndP0)
图中代码示例来自CodePen
- 编写代码并实时预览。
- 支持包含 TypeScript、Scss、Markdown 等常用语言在内的12种预处理语言。
- 支持使用模板,可自定义,并且支持 Vue 单文件组件的开发。
- 视图自由分割,合适的布局更能提升编码效率。
- 可上传本地代码或下载 JS-Encoder 中编写的代码。
- 内置 Console 随时调试,在大多数时间告别 F12。
- 丰富的编码设置、插件,提供更舒适的编码体验。
所有未来计划的功能性改动都记录在此:TO DO LIST
npm run dev
如果你是该项目的贡献者,请使用该命令运行,该命令会执行 stylelint 和 eslint 的校验(在 commit 时会再进行一次校验):
npm run start