WEB前端环境搭建、git使用流程

一、WEB前端环境搭建

                          ↓
                        ↓
                          ↓
                        ↓

1、node.js（官网下载安装）

• node-v(查看版本号)

• npm-v(查看npm包管理工具版本)

---

2、gitee(码云)

• 注册→项目→private→创建私有仓库→开源许可证MIT License→私有

---

3、安装git（官网下载安装）

• git --version(检查版本号)

---

4、git 仓库关联本机

• 右上角设置→SSH公钥→本地打开git bash→配置公钥

---

5、线上项目克隆至本地

• 选择SSH协议 复制

---

6、回到桌面→git bash→git clone xxx

---

7、在当前文件夹创建vue项目

---

8、安装vue-cli

• 全局安装vue-cli

$npm install --global vue-cli

• 创建一个基于webpack模板的项目

$vue init webpack xxx

• 安装依赖

$cd xxx
$npm install
$npm run dev(打开项目)

• project name (项目名称)

• project description (项目描述)

• author (作者)规范代码

• vue build （运行时编译）

• install vue-router (路由) Y

• use ESlint to lint your code? (ES6规范代码) N

• pick an ESlint preset standard

• set up unit tests (单元测试) N

• set up e2e test with nightwatch (e2e测试) N

• should we run npm install? (npm包) Y

---

9、进入文件夹

• 网页打开 localhost:8080

$npm run dev

---

10、打开码云，同步代码

$git status (查看文件状态，查看未保存、上传文件)
$git add .(保存至缓存区)
$git commit -m 'xxx'(保存至本地git仓库)
$git push(推送至线上仓库)

                        ↑
                      ↑
                        ↑
                      ↑

二、git使用流程

                          ↓
                        ↓
                          ↓
                        ↓

• 在gitee创建分支→

• 桌面进入项目文件夹→

• 打开git bash→

• git pull(查看创建的new brance)→

• git checkout xxx(切换到新的分支上边)→

• git status(查看目前所在分支)→

• 进行项目的开发 →git add . →

• git coimmit -m 'xxx'→

• git push→

• git checkout master(切换到主分支)→

• git merge origin/分支名称(把分支的东西合并到主分支) →

• git push