# xiaoheihe-front

**Repository Path**: bnyte/xiaoheihe-front

## Basic Information

- **Project Name**: xiaoheihe-front
- **Description**: 前后端分离教程-前端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-07
- **Last Updated**: 2021-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端搭建

## 小提醒

- 如果需要开始前端开发，你需要安装【必选 > 】[Nodejs](https://gitee.com/bnyte/xiaoheihe-study/blob/main/ready-to-work/README.md#nodejs)，[Git](https://gitee.com/bnyte/xiaoheihe-study/blob/main/ready-to-work/README.md#git)，【可选，但是建议安装 > 】[VSCode](https://gitee.com/bnyte/xiaoheihe-study/blob/main/ready-to-work/README.md#vscode)

## 开始搭建

> 感谢[花裤衩提供模板页面](https://gitee.com/panjiachen/vue-admin-template)

- 打开`VSCode`下载模板
  
  ![01](image/01.png)
  ![02](image/02.png)
  ![03](image/03.png)
  ![04](image/04.png)
  ![05](image/05.png)
  ![06](image/06.png)
  ![07](image/07.png)

当执行完成`npm install`之后会在文件夹中看到有一个`node_modules`则说明没有问题的。

  ![09.png](image/09.png)

执行`npm run dev`运行成功！ok到这里页面也搭建成功了。
  ![10.png](image/10.png)

注意：第七步可能依然会报错，如果提示`npm not fond`直接重启`VSCode`然后重复`第六张图和第七张图`就可以完美解决，下面是需要输入代码的流程，完全根据图中步骤的话`cd vue-admin-template`这一步则是不需要的

```shell
git clone https://gitee.com/panjiachen/vue-admin-template.git
cd vue-admin-template 
npm install
npm run dev
```