前言
三者区别：
- Git：作为代码管理工具 （Git 下载地址）
- Github：作为代码管理平台（Github 平台）
- VS Code：作为本地 IDE（代码编辑器）（VS Code 下载地址）
三者联系：
VS Code 集成了 Git 功能，并支持基本的 git 命令，我们在 VS Code 里的每一项操作都会对应一些 git 指令，这些指令可以在控制台 - 输出中查看：
我们对项目的 克隆、更改、暂存、提交、拉取、推送 等都会对应诸如以上的 git 指令
Github 部署
关于 Github 的部署见 基本技能 - Github 使用指南
大概涉及：
- 新建账号
- 新建仓库
- 新建文件
- git 地址拷贝
这是我部署的仓库：
点击 Code，再点击 复制 按钮即可获取 Github 该仓库的 git 地址
Git 对接 Github
参考文章 git与github建立仓库连接步骤（纯小白教程）
VS Code 对接 Github
1. 克隆 Github 上面的存储库内容
打开 VS Code，点击源代码管理，再点击克隆存储库
在输入框输入刚刚拷贝的 git 地址：
选择文件本地的存储路径后等待克隆工作的进行，完成后打开：
如果想让项目在本地跑起来，则在终端输入命令：
npm installnpm run xxx执行完 npm install 后会多出来一个文件夹node_modules，执行完 npm run xxx 后得到一个地址 http://localhost:8080 ，Ctrl + 单击 即可在浏览器中运行。xxx 在 package.json 中的 script 对象里面查看，8080 表示端口号，可以在 vue.config.js 文件中进行设置或修改，参考文章【Vue】开发环境中修改端口号
2. 配置本地仓库
- Ctrl + Shift + P 呼出终端，然后输入 git init 进行初始化
- 打开我们克隆的文件夹，里面多出了隐藏的 git 文件
3. 配置用户名和邮箱
- 方法一：
在该文件夹中右键打开 git bash
输入命令：
git config --global user.name "用户名"
git config --global user.email "邮箱"
- 方法二： 直接在 VS Code 控制台的终端输入以上两个命令即可
4. 在本地存储库中修改文件并提交
- 打开 test2 文件并修改其内容然后保存：
- 打开
源代码管理可以看到显示：test2 文件已更改
- 在
更改一栏点击+号，暂存所有更改（点击单独项的+号可以暂存单独某个文件）
另外，在更改文件列表中，单击一个未提交更改的文件，就会打开两个窗口来显示变更的内容
另外，暂存成功后如果想要重新更改，可在暂存的更改一栏点击-号，可以取消所有更改
- 下一步是点击
源代码管理一栏的√号，进行提交（对应git commit）
- 输入 submmit info 备注修改信息
- 提交成功
另外，如果想撤销上次的提交，则先 Ctrl + Shift + P 呼出输入框，搜索并点击 Git: Undo Last Commmit 即可完成撤销上次提交
- 注意：这只是修改本地文件并提交到
本地存储库
5. 连接远程存储库
说了这么多，现在问题来了，在本机初始化一个代码库，一般没什么用。 我们大多数情况是要连接远程的代码服务器的
- 我们对本地代码修改并提交保存后，要想使得本地仓库与远程仓库同步，则记住：
先拉取解决冲突后推送
现在我们推送后终端会提示需要一个授权（Git 与 Github 之间的授权）
授权之后即可完成推送啦
方式也可使用可视化的方式：
也可以直接点击刷新（其中1↑表示我们刚刚提交的部分，↓0表示其他协作者在此期间的 commit 提交内容，在推送之前需要先拉取获得最新版本的内容，这样才能避免冲突 / 避免覆盖掉其他人的成果）
打开 Github 网站刷新后可看到我们刚刚推送的内容
这样就实现了本地仓库与远程仓库的同步啦
总结
一句话总结：暂存 add - 提交 commit - 拉取 pull - 解决冲突 - 推送 push
