在 vscode 中使用 Git ：拉取、提交、克隆

野性酷女 2023-06-15 06:42 15阅读 0赞

1、将代码放到码云

*  到码云里新建一个仓库，完成后码云会有一个命令教程按上面的来就行了
 *  码云中的使用教程：

1.  `Git 全局设置:`
2.   
3.  `git config --global user.name "ASxx"`
4.  `git config --global user.email "123456789@qq.com"`
5.   
6.  `创建 git 仓库:`
7.   
8.  `mkdir wap // 项目在本地的路径`
9.  `cd wap`
10. `git init`
11. `touch README.md`
12. `git add README.md`
13. `git commit -m "first commit"`
14. `git remote add origin https://git.oschina.net/name/package.git // 远程仓库地址`
15. `git push -u origin master`
16.  
17.  
18.  
19. `已有项目：`
20.  
21. `cd existing_git_repo`
22. `git remote add origin https://git.oschina.net/name/package.git`
23. `git push -u origin master`

**下面说下详细的本地操作步骤：**

*  **1、用vs打开你的项目文件夹**

**![format_png][]**

*  **2、配置git**

**　　**打开Git Bash输入以下命令

如果还没输入全局配置就先把这个全局配置输入上去

1.  `Git 全局设置:`
2.   
3.  `git config --global user.name "ASxx"`
4.  `git config --global user.email "123456789@qq.com"`

然后开始做提交代码到码云的配置

1.  `cd d:/wamp/www/mall360/wap //首先指定到你的项目目录下`
2.  `git init`
3.  `touch README.md`
4.  `git add README.md`
5.  `git commit -m "first commit"`
6.  `git remote add origin https://git.oschina.net/name/package.git //用你仓库的url`
7.  `git push -u origin master //提交到你的仓库`

正常情况下上面的命令执行完成后，本地文件夹会有一个隐藏的.git文件夹，云端你的仓库里应该会有一个 README.md 文件。

*  **3、在vscode中提交代码到仓库**

回到 VSCode 打开 git工作区 （就是 直接VSCode中 file -> open 项目所在文件夹），就会看到所有代码显示在这里

![format_png 1][]

点击+号，把所有文件提交到暂存区。

然后打开菜单选择--提交已暂存的 ( Commit Staged )

![format_png 2][]

然后按提示随便在消息框里输入一个消息，再按 ctrl + enter 提交

![format_png 3][]

然后把所有暂存的代码 push 云端，

![format_png 4][]

点击后，会弹出让你输入账号密码，把你托管平台的账号密码输入上去就行了。

不出问题的话你整个项目就会提交到云端上了。

在 vs 中每次更新代码都会要输入账号密码，可以配置一下让 GIT 记住密码账号：

git config --global credential.helper store   //在Git Bash输入这个命令就可以了

*  **4、同步代码**

**　　这里说下平时修改代码后提交到云端的使用，和本地代码和云端同步**

随便打开一个文件，添加一个注释

![format_png 5][]

可以看到git图标有一个提示，打开git工作区可以看到就是修改的这个文件

![format_png 6][]

然后点击右侧的+号，把他暂存起来。

再在消息框里输入消息，按 ctrl + enter 提交暂存

![format_png 7][]

再点击 push 提交，代码就提交到云端了。

![format_png 8][]

打开 码云就可以看到了。。

![format_png 9][]

*  pull使用

比如当你在家里修改了代码提交到云端后，回到公司只需要用 vscode 打开项目点击菜单中的 pull 就可以同步过来了。

![format_png 10][]

*  **5、克隆你的项目到本地**

**　　**回到家后想修改代码，但是电脑没有文件怎么办呢？  往下看

首先你电脑还是的有 vscode 和  GIT，，然后用 git 把上面那些全局配置再执行一次，如下

1.  `git config --global user.name "ASxx"`
2.  `git config --global user.email "123456789@qq.com"`
3.   
4.  `git config --global credential.helper store`
5.   
6.   
7.   
8.  `#然后打开Git Bash输入以下命令`
9.   
10. `cd d:/test //指定存放的目录`
11. `git clone https://git.oschina.net/name/test.git //你的仓库地址`

![format_png 11][]

下载成功，然后就可以用 vscode 打开项目修改了。修改后提交的步骤还是和上面一样：暂存-提交暂存-push提交到云端就ok了。

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNTMxMzI2NjItNTg2OTgwNTUyLnBuZw?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNTQ4MTQ4MzQtMTEzNDkzOTc2OC5wbmc?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNTUwMjM3MjQtMTMyMjEwNDI1Mi5wbmc?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNTUyMDI4MzQtMzI3Nzc4MDIwLnBuZw?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjA5MzkxNDYtOTgyODY2MjEzLnBuZw?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjI4MjUzMzQtNjc5MjUzMzQ0LnBuZw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjI5Mjk2OTMtOTY3ODc3MzczLnBuZw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjMxMjgzNDktMTYxNTg2MTg2My5wbmc?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjMyMzc3NDAtMTgyMjgyNDk5Ny5wbmc?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjM1MTM4MTgtMTMzNDcwNDUxNy5wbmc?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjM5MDQ5NzQtNDI1NjY1NTM1LnBuZw?x-oss-process=image/format,png
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvNzE3Mjg2LzIwMTYxMi83MTcyODYtMjAxNjEyMDExNjUwNDg5NDMtMTY2MzU2NjMyMy5wbmc?x-oss-process=image/format,png