JS-Encoder：前端在线代码编辑器，实时预览

本文更新于: 2024年7月2日

APP喵前言：一个前端在线编辑器，且致力于成为一个方便、快速的在线 Web 实例开发、调试工具。使用 Vue3 和 Codemirror6 构建。

网站简介

JS-Encoder 是一个基于 Vue3 和 Codemirror6 构建的前端在线编辑器，专为开发者设计，以提供一个便捷、快速的在线 Web 实例开发和调试环境。它不仅支持现代前端技术栈，还具备强大的代码编辑和实时预览功能，是前端工程师和爱好者提升开发效率的理想工具。

截图

特性

• 编写代码并实时预览。
• 支持包含 TypeScript、Scss、Markdown 等常用语言在内的12种预处理语言。
• 支持使用模板，可自定义，并且支持 Vue 单文件组件的开发。
• 视图自由分割，合适的布局更能提升编码效率。
• 可上传本地代码或下载 JS-Encoder 中编写的代码。
• 内置 Console 随时调试，在大多数时间告别 F12。
• 丰富的编码设置、插件，提供更舒适的编码体验。

网站地址

网站：https://jsencoder.cn/code
开源：https://github.com/JS-Encoder/JS-Encoder