# GP_BLOG_FRONT

**Repository Path**: TestDemo_7/GP_BLOG_FRONT

## Basic Information

- **Project Name**: GP_BLOG_FRONT
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-21
- **Last Updated**: 2025-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CODER BLOGGER

> 本项目是一个平平无奇的博客系统，但它也许对你有所帮助

## 前置准备

> **环境要求**
>
> 在启动项目前，你需要确保你的环境满足以下要求：
>
> - `Node.js` 22.0.0 及以上版本，本项目开发环境为`22.13.0`。推荐使用`nvm`或直接使用`pnpm`管理node版本
> - 项目使用`pnpm` 作为包管理器，且不支持更换，本项目开发环境为`10.11.0`
>
> ```bash
> # 出现相应 node LTS版本即可
> node -v
> # 出现相应 git 版本即可
> git -v
> ```

## 快速开始

### 安装依赖

在你的代码目录内打开终端，并执行以下命令:

```bash
# 切换node版本为 >=22.0.0（如果已处于正确版本请忽略）
# 如
nvm use 22.13.0

# 进入项目目录（如果已处于项目目录请忽略）
cd vue3-blog

# 安装依赖
pnpm install

# 或者
pnpm i
```

### 配置环境变量

1. 复制 `.env.development` 文件，并命名为 `.env.development.local`

2. 根据后端项目地址，修改 `VITE_API_URL` 的值

> `.env.development.local` 文件不会被提交到 Git 仓库 

### 运行项目

```bash
# 启动项目
pnpm dev
```

### 打包

```bash
# 打包项目
pnpm build

# 当 TypeScript 语法检测不通过时
# 可以使用下面的命令跳过语法检查
pnpm build-only
```

## 技术选型

- Vue

  本项目以 `Vue 3.5+` 为前端开发框架

  其他`Vue生态系统`工具

  1. `Vue Router` 4.x
  2. `Pinia` 2.x

- TypeScript

  本项目使用`TypeScript`作为开发语言

- TailWind CSS

  本项目使用`TailWind CSS 4.x`作为原子化CSS处理器

- Shadcn UI

  本项目使用`Shadcn UI`作为UI组件库


## @Principal

- Frontend: @Chan Lee
- Backend: @Yong Fu