# practise-vue

**Repository Path**: 9658065/practise-ts

## Basic Information

- **Project Name**: practise-vue
- **Description**: Vue练习本(practise-vue)是开源免费的Vue框架，用户只需编写Vue组件即可在页面展示，无需考虑调用、路由等其他问题。 使用了最新的 Vue3、Vite、Element-Plus、TypeScript、Pinia 等主流技术开发，大量复制、借鉴、参考了 vue-pure-admin 。 自带TODO功能，将待办事项记录在本地缓存中，提醒完成Vue练习。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-10-16
- **Last Updated**: 2024-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue练习本(practise-vue)

## 简介

Vue练习本(practise-vue)是开源免费的Vue框架，用户只需编写Vue组件即可在页面展示，无需考虑调用、路由等其他问题。
使用了最新的 `Vue3`、`Vite`、`Element-Plus`、`TypeScript`、`Pinia` 等主流技术开发，大量复制、借鉴、参考了 [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin) 。
自带TODO功能，将待办事项记录在本地缓存中，提醒完成Vue练习。

## 安装使用

### 从 `Gitee` 上拉取代码

```bash
git clone https://gitee.com/9658065/practise-ts.git
```

### 安装依赖

```bash
cd practise-ts

pnpm install
```

### 启动平台

```bash
pnpm vite
```

## 快速开始

完成一个基本练习：

1. 找到src/views文件夹，新建avue文件夹
2. 新建一个Vue组件，命名为Bascic.vue
3. 找到合适的svg图片作为菜单logo，命名为Basic.svg
4. 新建Basic.md文件作为Demo的说明文件
5. 启动平台后即可找到avue/Basic对应的菜单项，点击即可展示。

注意：第3、4提到的文件不是必须的，无需svg和md也可以正常运行。