# pieces-ui

**Repository Path**: sk20020228/pieces-ui

## Basic Information

- **Project Name**: pieces-ui
- **Description**: 在线运行html、Vue、js、md等内容
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://pieces-ui.pages.dev/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-11
- **Last Updated**: 2025-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3

## README

# Pieces-ui

> 尝试写一个用来收集整理的html、js、vue、md文件内容



## 项目组件库

- Vue3
- typescript
- vite
- router
- pinia
- element-plus
- monaco-editor
- @kangc/v-md-editor
- @vue/compiler-sfc
- @vue/repl
- ...



## 项目安装启动

下载到本地

```bash
git clone https://gitee.com/sk20020228/pieces-ui.git
```

进入目录

```bash
cd pieces-ui
```

安装依赖

```bash
npm i 
```

启动

```bash
npm start
```




## 静态资源

> 需要展示的静态资源目前只有html、js、vue、md
>
> 路径在src/project/类型/序号.名称/Index.**
>
> 类型是固定的
>
> 文件名称必须是Index.xx或者index.xx
>
> 原生的html对其他文件的引用处理的不是很好，Vue运行使用@vue/repl，由于是沙盒环境很多插件都不兼容
> 
> js代码执行在eval对部分代码不能正常运行；例如使用正则只能使用new RegExp('\/', 'g')