# study_ape

**Repository Path**: minyaD/study_ape

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2020-08-22
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# study_ape

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).



## 点击下面链接，获取gitee上的项目

https://gitee.com/lhl4529/study_ape/invite_link?invite=f9bd17db762741f7e6b169c426a5c466f1cf1195fcd6485cb7993663152babc5ba52b425fcfe1c6b5f318cd36bbddc3a2

# 项目引用依赖

1. vue CLI
2. vue router
3. less
4. vuex
5. element-UI



# 第一步

本地初始化项目

```
https://gitee.com/lhl4529/study_ape.git
1.在本地新建一个文件夹
2.有件打开gitbash工具
3.输入下面内容
	git clone https://gitee.com/lhl4529/study_ape.git
	克隆远程仓库
4.通过vsCode打开项目
5.在终端输入  npm install  初始化项目
```

# 第二步

## 开发项目在新的分支上开发，不要在master上

1. git 基本命令参考网址：[http://106.52.192.77/git%e5%9f%ba%e6%9c%ac%e5%91%bd%e4%bb%a4%e6%b8%85%e5%8d%95/](http://106.52.192.77/git基本命令清单/)
2. 创建分支  
   1. git checkout -b 分支名称  	创建并切换到该分支
   2. 分支命名规则 
      1. master（主分支，永远是可用的稳定版本，不能直接在该分支上开发）
      2. develop（开发主分支，所有新功能以这个分支来创建自己的开发分支，该分支只做只合并操作，不能直接在该分支上开发）
      3. 加上前缀feature--xxx（**功能开发分支，**在develop上创建分支，**以自己开发功能模块命名**，功能测试正常后合并到dev分支）
      4. feature-xxx-fix(**功能bug修复分支**，feature分支合并之后发现bug，在develop上创建分支修复，之后合并回develop分支。PS:feature分支在申请合并之后，未合并之前还是可以提交代码的，所以feature在合并之前还可以在原分支上继续修复bug)
   3. git push -u origin 分支名称       将分支提交到远端

![image-20200823154315970](README.assets/image-20200823154315970.png)

![image-20200823154642166](README.assets/image-20200823154642166.png)

# 每次上传文件时先获取文件在上传

git pull 拉去

git push 上传



# 项目文件夹命名

![image-20200823163727435](README.assets/image-20200823163727435.png)

根据功能命名文件夹，然后在该文件夹下创建组件

创建一个网站管理(siteManage) 然后在该文件夹下创建相应的组件 可以更具有道翻译进行翻译

## 路由用的是编程式路由 

# 规范

1. ## 分支规范

   1. 加上前缀feature--xxx（**功能开发分支，**在develop上创建分支，**以自己开发功能模块命名**，功能测试正常后合并到dev分支）

2. ## 文件夹命名规范

   1. 根据大的模块来命名，然后在下面创建想对应的组件
   2. 组件放在components
   3. 视口放在views里面，可以参考/src/views/course/VideoManage.vue

   

3. 提示使用element ui的提示，不要使用alert，已经配置全局提示

   1. 使用方法

   2. ```
      this.$message.error("这个是错误消息")
      this.$message.success("这个是成功的消息")
      ```

   3. ![image-20200823164618849](README.assets/image-20200823164618849.png)

4. php后台返回一个对象格式

   ```
{
     data:数据，
     msg:'',//(消息)
     state:true/false 成功还是失败
   }
   ```