# vue3-admin项目

## 项目准备

### 创建项目

```sh
npm create vue@latest
```

> 1. 输入项目名称：`vue3-admin`;
> 2. 是否添加`TypeScript` ：`是 `。选择 `yes`;
> 3. 是否添加`JSX `：`否`。选择`no;`
> 4. 是否添加` Vue Router` 用于单页应用程序开发：`否`，选择`no`;
> 5. 是否添加`Pina` ，`Pina`我们后面手动添加所以这里不用添加；`否`，选择`no;`
> 6. 是否添加`Vitest`单元测试：`否`，选择`no`；
> 7. 是否添加`End-to-End `格式：`否`，选择`no`；
> 8. 是否添加`ESLint` ：`是`，选择`yes`；
> 9. 是否添加`Prettier`：是，选择`yes`；

```
✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

Scaffolding project in ./<your-project-name>...
Done.
```

#### 初始化项目

```sh
npm install
```

#### 转换本地git仓库

```sh
git init
```

#### 添加本地git仓库

```sh
git add .
```

#### 标注添加的内容

```sh
git commit -m "初始化项目"
```

#### 添加远程苍龙

```sh
git remote add origin 远程仓库地址
```

#### 把代码传送远程仓库

##### 创建分支并切换分支

```sh
git checkout -b 分支名称
```

##### 推送远程仓库

```sh
git push origin 分支名称
```

#### 运行项目

```sh
npm run dev
```

#### debug 运行项目

```sh
npm run build
```

## 项目开始

### 清理不用的文件

> 可以清理的文件名称：`components`文件夹删除 ，并 `assets`文件夹里面文件删除。，并`main.js` 里面的 `css` 引入方法清除就要可以啦。
>
>