现在讲讲windows环境下如何把vs code上写的项目托管到gitlab服务器中。
第一步,在gitlab中创建项目,这个跟github一样的,new project 一个就可以了,如图1,2,3。
图1
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xNzg1L1dFQlJFU09VUkNFZmE5YTdiZGFmN2Q3MWFiZjhjYTczOTVjNzI1M2U4Y2I%3D.jpg?w=700&webp=1)
图2
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xNzg4L1dFQlJFU09VUkNFODg4ZDdlNWNhOWU3Yzg4OGRkNWRjMmM5MjZmY2JjN2U%3D.jpg?w=700&webp=1)
图3(记好HTTP模式下的地址)
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xNzkxL1dFQlJFU09VUkNFMWRmMzc3MTg5NDVlOTExYjg2NWUyNzZiN2E5NjJjNjY%3D.jpg?w=700&webp=1)
第二步,创建一个项目文件夹,如D:\MyProjectExercise\testproject,然后右击这个文件夹,选择Git bush here按钮,
先执行如下git全局配置:
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xODMwL1dFQlJFU09VUkNFY2VmNGU3OGU5MjlkNzViMDlkMzQ1NjMyY2FmOGFlYTE%3D.jpg?w=700&webp=1)
然后执行下边代码,这里的地址就是图3中的地址:
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI4NS80YzFjZmJjOGNkMTFmMWQ4OWQxMGRlNDBkYWZjN2YwNS5wbmc%3D.png?w=700&webp=1)
第三步,在vs code中打开我们的D:\workspace\testproject目录,然后随便新建一个文件填几个字,这时候左侧菜单的git图标会出现蓝色的点,如图4:
图4
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xODA1L1dFQlJFU09VUkNFOTVlMGIzZjg4MTI2ZDBlN2IyZjJiMTg5MmIyYzBjODI%3D.jpg?w=700&webp=1)
然后点开git图标,发现我们创建的index.html文件已经在里面了,点击它右边的加号,如图5
图5
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xODA5L1dFQlJFU09VUkNFYjNiZWM2MGQ2ZDFkZTE4NmY1YTU2ZjQ5ODNjM2I5MDM%3D.jpg?w=700&webp=1)
然后点击暂存按钮,如图6,提示要输入信息的话,以便查看提交记录信息
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xODEzL1dFQlJFU09VUkNFM2FjZTZlZjE1NDRiZGRjMDAxOTk5NGQ5N2MxYWEwMmM%3D.jpg?w=700&webp=1)
然后如图点击“推送到”,可以选择推送到的git远程仓库,如图7
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xODE3L1dFQlJFU09VUkNFNmE2OWM1YThmZmY3MDVlNTdiNjAwZTAxZWMyNDJhNzk%3D.jpg?w=700&webp=1)
在gitlab中可以看到已提交记录,如下
![VSCode连接Gitlab,Git的配置与使用 VSCode连接Gitlab,Git的配置与使用](https://image.shishitao.com:8440/aHR0cHM6Ly9ub3RlLnlvdWRhby5jb20veXdzL3Jlcy8xODIwL1dFQlJFU09VUkNFZGM1MWIxZDQxMjkzNWQyOGI1MjBlNDU5OTM4ZjVkNTA%3D.jpg?w=700&webp=1)
至此,在gitlab上创建项目及在vscode中如何提交文件已设置完成~