在本地构建好一个项目之后，为了方便多人协作，我们需要将本地的项目进行提交到Git仓库然后添加分支管理，现在将基本的流程记录以下方便查阅。

初始化一个git 项目基于本地的源码

1. 新建一个远程仓库最好和本地目录相同 如 vue-project

点击 github 网页上用户头像左边的 + 号 -> new repository 建立新仓库
进行如下设置
Owner: yourUserName
Repository: name vue-project
Description: 添加你的项目描述
选择 Public
如果是 用vue 或者reacte 等脚手架创建的项目 不需要添加
README.md
.gitignore
.license 文件。
填写好后点击保存 远程仓库就建好了。

2. 创建git项目

在本地项目根目录打开 Git bash
执行命令:

1
2
3
4
git init
# 输出类似信息
Initialized empty Git repository in C:/npmProject/vue-project/.git/

然后发现 创建了 .git 文件夹
提示: 是个空的 git 项目。为什么是空的，不是有文件吗？
原因: 我们本地的文件还没有提交到本地git

3. 添加文件

注意：因为有的文件和文件夹是不需要去git 到仓库的
如 node_modules log .idea 等文件
我们就需要在 .gitignore 文件下去添加配置不提交这些文件
如果是脚手架生成的项目 这些已经配置好了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 屏蔽文件夹和文件
.DS_Store
node_modules/
dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
// 屏蔽编辑器生成的文件夹和文件
.idea*
.suo*
.ntvs*
.njsproj*
.sln*

这里我们添加所有文件
执行命令：

1
git add -A

执行完成后如果没有提示报错说明执行成功。

4. 提交到本地git仓库

执行命令：

1
2
3
4
5
6
7
8
9
git commit -m "这里添加一些描述信息"
# 输出以下类似信息
[master (root-commit) 426c766] ...
 80 files changed, 3789 insertions(+)
........
........
........
........

5. 链接到远程仓库

执行命令：

1
git remote add vue-project https://github.com/userName/vue-project.git

这里也就是为什么要统一一下文件夹名称的原因，看起来直观。
如果不想统一的话 开心就好。

6. 提交到主分支上去

执行命令：

1
2
3
4
5
6
7
8
9
git push -u vue-project master 
# 输出若干信息
...............
...............
...............
# 提交成功后的提示
Branch master set up to track remote branch master from vue-project.

刷新下远程仓库看看是否已经有文件在仓库中了。