# post-view-web-front

**Repository Path**: zh-jp/post-view-web-front

## Basic Information

- **Project Name**: post-view-web-front
- **Description**: 文章发布/管理系统（前端）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-16
- **Last Updated**: 2024-09-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, TypeScript, Element-UI

## README

# 文章发布/管理系统（前端）

# 注意事项
**问题**：当前版本使用`ElMessage`时，如果按照官网要求配置，弹窗无法正常显示。

**解决方法：**：在 .vue文件中不再引入
```ts
import { ElMessage } from 'element-plus'
```
而是修改`auto-imports.d.ts`
```ts
declare global {
  const ElMessage: typeof import('element-plus/es')['ElMessage']
}
```
项目中会报错但不影响正常使用ElMessage，去掉报错可在`tsconfig.app.json`的`include`加入：
```json
"include": ["auto-imports.d.ts","components.d.ts"],
```

---

**Project Setup**
```sh
pnpm install
```
**Compile and Hot-Reload for Development**

```sh
pnpm dev
```
**Type-Check, Compile and Minify for Production**
```sh
pnpm build
```

**Run Unit Tests with [Vitest](https://vitest.dev/)**
```sh
pnpm test:unit
```
**Lint with [ESLint](https://eslint.org/)**
```sh
pnpm lint
```

# 界面截图
**登录**
![](./public/login.jpg)
**注册**
![](./public/register.jpg)
**首页**
![](./public/home.jpg)
**文章发布**
![](./public/post.jpg)
**文章编辑**
![](./public/update_post.jpg)