# JS-Encoder

**Repository Path**: yanhua-yileng/JS-Encoder

## Basic Information

- **Project Name**: JS-Encoder
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-01-12
- **Last Updated**: 2026-01-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align=center>
  <img width="64" src="./src/assets/images/logo.svg"/>
</div>

<h1 align="center">JS-Encoder</h1>

<p align="center">一个前端在线编辑器，且致力于成为一个方便、快速的在线 Web 实例开发、调试工具</p>
<p align="center">使用 Vue3 和 Codemirror6 构建</p>

<p align="center">
  <img src="https://img.shields.io/badge/version-v4-%236690FF?style=flat-square"/>
  <img src="https://img.shields.io/badge/contributions-welcome-%233366FF?style=flat-square" />
  <img src="https://img.shields.io/github/stars/JS-Encoder/JS-Encoder?label=stars&logo=Github&style=flat-square&color=%23254EDB" />
</p>

<p align="center">
  <a href="https://www.jsencoder.cn/code">👉 Get Started 👈</a>
</p>

<p align="center">
  <a href="https://docs.jsencoder.cn/">说明文档</a> |
  <a href="https://github.com/JS-Encoder/JS-Encoder">Github</a> |
  <a href="https://github.com/Longgererer/JS-Encoder/blob/master/LICENSE">License</a>
</p>

<p align="center">
  <span>旧版（V3） <a href="https://github.com/JS-Encoder/JS-Encoder/tree/v3.5.1">代码</a></span>
  <span>及 <a href="http://jsencoder.lliiooiill.cn/">链接</a></span>
</p>

<img width="1280" alt="Screenshot 2024-05-17 150903" src="https://github.com/Longgererer/JS-Encoder-next/assets/40834209/61576c39-6b00-48cd-bb07-cc2f6d18b279">
<div align=center>图中代码示例来自<a href="https://codepen.io/josetxu/pen/RwdGmqp?editors=1100">CodePen</a></div>

## 特性

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

## 未来

所有未来计划的功能性改动都记录在此：[TO DO LIST](https://docs.jsencoder.cn/docs/to-do-list)

## 本地运行

```dash
npm run dev
```

如果你是该项目的贡献者，请使用该命令运行，该命令会执行 stylelint 和 eslint 的校验（在 commit 时会再进行一次校验）：

```dash
npm run start
```