Code Editor Project

Introduction

This is a code editor project based on React and Monaco Editor. It provides a multi-file editing environment that supports editing and previewing TypeScript and other languages. Also, you can download the code to zip or share the link to others.

Features

• Multi-file management: Support for creating, editing, and deleting multiple files
• Syntax highlighting: Based on Monaco Editor, supporting syntax highlighting for multiple programming languages
• Real-time preview: Support for real-time compilation and preview of code

Tech Stack

• React
• TypeScript
• Monaco Editor
• Ant Design
• @typescript/ata
• allotment
• Web Workers (for code compilation)

Installation

• Install dependencies

pnpm i

• Start the development

pnpm dev