VS Code连接Gitlab，轻松开发web前端应用

假设你已经有了自己的gitlab服务器以及已经安装好了git for windows。

现在讲讲windows环境下如何把vs code上写的项目托管到gitlab服务器中。

第一步，在gitlab中创建项目，这个跟github一样的，new project 一个就可以了，如图1，2，3。

图1

图2

图3（记好http模式下的那个地址）

第二步，创建一个项目文件夹，如D:\workspace\testproject，然后右击这个文件夹，选择git bush here按钮，然后码下面的代码

git remote add origin http://ubuntu/root/testproject.git

注意了这地方的网址别照抄！ 这个要写刚才在图3中的地址，如果出现 not a git repository ( or ... 的话，先

git init

然后输入上面的命令。

第三步，在vs code中打开我们的D:\workspace\testproject目录，然后随便新建一个文件填几个字，这时候左侧菜单的git图标会出现蓝色的点，如图4

图4

然后点开git图标，发现我们创建的index.html文件已经在里面了，点击它右边的加号，如图5

图5

然后点击暂存按钮，如图6，提示要输入信息的话，随便输入个东西就行

图6

然后如图点击发布按钮，如图7

图7

这下好了，我们已经把index.html提交到gitlab中的项目origin中了，如图8

图8

（注意了，本实验假设你已经准备好gitlab环境，并且已经在本地电脑上安装好git for windows，本地git到远程gitlab连接也打通过，如果这些前提条件你没做的话，实验结果可能不会这么顺）