# all-in-one

**Repository Path**: code4x/all-in-one

## Basic Information

- **Project Name**: all-in-one
- **Description**: 这是一个特别的仓库，all in one！
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-02-20
- **Last Updated**: 2025-02-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 靖博君的 ALL IN ONE

---

这是一个单仓库，包含前后端积累的组件，案例，工具，配置，文档，以及一些其他东西。

其实菜得一匹！

## 快速上手

```bash
# 安装依赖
pnpm install
# 启动前端开发服务器
pnpm dev
# 打包前端
pnpm build
# 预览前端
pnpm preview
# 前端单元测试
pnpm test:unit
# 前端仅打包（不进行类型检查）
pnpm build-only
# 前端类型检查
pnpm type-check
# 执行ESlint
pnpm lint
# 执行格式化
pnpm format
# 启动后端开发服务器（如有必要）
pnpm dev:server
# 后端打包
pnpm build:server
```

此外，你可以使用pnpm的`-F`参数来执行指定子项目的命令。

如启动nest-admin中的启动调试模式：`pnpm -F nest-admin start:debug`

### 其他命令

```bash
# 精简项目依赖
pnpm fd
```

## 新项目如何启用unocss

> 若使用VSCode，请安装插件`unocss`，可以获得智能提示。

```bash
# unocss
pnpm add -Dw unocss
```

在具体项目安装vite插件。

```ts
// vite.config.ts
import UnoCSS from 'unocss/vite';
import { defineConfig } from 'vite';
export default defineConfig({
  plugins: [UnoCSS()],
});
```

在工作空间根目录创建unocss配置文件：`unocss.config.ts`。

```ts
// uno.config.ts
import { defineConfig } from 'unocss';

export default defineConfig({
  // ...UnoCSS options
});
```

在具体项目入口文件添加虚拟css引入，为避免引入顺序问题，请放在其他css引入之前。

```ts
// main.ts
import 'virtual:uno.css';
```

预设配置：
```bash
# 安装预设
pnpm add -Dw @unocss/preset-uno
```
修改unocss配置文件：
```ts
// uno.config.ts
import { defineConfig } from 'unocss'
import presetUno from '@unocss/preset-uno'

export default defineConfig({
  presets: [
    presetUno(),
  ],
})
```