vscode配置git和提交代码到github教程
<p><strong>用了git最方便的就是比如在公司写了很多代码后回到家打开vscode只需要点击一下pull就能全部同步过来。是不是很方便。。。。毕竟之前我都是拿u盘拷贝回家或者存到云盘再下载下来。。</strong></p><p>我这里用的是国内的码云托管的代码，，github都是英文看不懂。。</p>
<p>因为vscode中带的有git管理功能，只需要学一点关于git的操作知识就够了。</p>
<p>首页要下载‘msysgit’然后安装到电脑要不然vscode中的git是不能用的。安装完成后主要使用Git Bash这个程序来操作</p>
<p>1、将代码放到码云</p>
<ul>
<li>到码云里新建一个仓库，完成后码云会有一个命令教程按上面的来就行了</li>
<li>码云中的使用教程：</li>
</ul>
<div class="cnblogs_code">
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
<pre>Git 全局设置:
git config --global user.name "ASxx" <br>git config --global user.email "123456789@qq.com"
创建 git 仓库:
mkdir wap
cd wap
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://git.oschina.net/name/package.git
git push -u origin master
已有项目?
cd existing_git_repo
git remote add origin https://git.oschina.net/name/package.git
git push -u origin master</pre>
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
</div>
<p><strong>下面说下详细的本地操作步骤：</strong></p>
<ul>
<li><strong>1、用vs打开你的项目文件夹</strong></li>
</ul>
<p><strong><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201153132662-586980552.png" alt=""></strong></p>
<ul>
<li><strong>2、配置git</strong></li>
</ul>
<p><strong> </strong>打开Git Bash输入以下命令</p>
<p> 如果还没输入全局配置就先把这个全局配置输入上去</p>
<div class="cnblogs_code">
<pre>Git 全局设置:
git config --global user.name "ASxx"
git config --global user.email "123456789@qq.com"</pre>
</div>
<p> 然后开始做提交代码到码云的配置</p>
<div class="cnblogs_code">
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
<pre>cd d:/wamp/www/mall360/wap //首先指定到你的项目目录下</pre>
<pre class="dark">git init<br>touch README.md
git add README.md
git commit -m "first commit"
<span class="clone">git remote add origin https://git.oschina.net/name/package.git //用你仓库的url
git push -u origin master//提交到你的仓库</span></pre>
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><img src="https://common.cnblogs.com/images/copycode.gif" alt="复制代码"></span></div>
</div>
<p> 正常情况下上面的命令执行完成后，本地文件夹会有一个隐藏的.git文件夹，云端你的仓库里应该会有一个README.md文件。</p>
<ul>
<li><strong>3、在vscode中提交代码到仓库</strong></li>
</ul>
<p> 回到vs code打开git工作区就会看到所有代码显示在这里</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201154814834-1134939768.png" alt=""></p>
<p>点击+号，把所有文件提交到暂存区。</p>
<p>然后打开菜单选择--提交已暂存的</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201155023724-1322104252.png" alt=""></p>
<p>然后按提示随便在消息框里输入一个消息，再按ctrl+enter提交</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201155202834-327778020.png" alt=""></p>
<p>然后把所有暂存的代码push云端，</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201160939146-982866213.png" alt=""></p>
<p>点击后，会弹出让你输入账号密码，把你托管平台的账号密码输入上去就行了。。。</p>
<p>不出问题的话你整个项目就会提交到云端上了。</p>
<p>在vs中每次更新代码都会要输入账号密码，方便起见，可以配置一下让GIT记住密码账号。</p>
<div class="cnblogs_code">
<pre>git config --global credential.helper store //在Git Bash输入这个命令就可以了</pre>
</div>
<ul>
<li><strong>4、同步代码</strong></li>
</ul>
<p><strong> 这里说下平时修改代码后提交到云端的使用，和本地代码和云端同步</strong></p>
<p> 随便打开一个文件，添加一个注释</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201162825334-679253344.png" alt=""></p>
<p>可以看到git图标有一个提示，打开git工作区可以看到就是修改的这个文件</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201162929693-967877373.png" alt=""></p>
<p>然后点击右侧的+号，把他暂存起来。</p>
<p>再在消息框里输入消息，按ctrl+enter提交暂存</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201163128349-1615861863.png" alt=""></p>
<p>再点击push提交，代码就提交到云端了。</p>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201163237740-1822824997.png" alt=""></p>
<p>打开 码云就可以看到了。。</p>
<p> <img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201163513818-1334704517.png" alt="" class="medium-zoom-image"></p>
<ul>
<li>pull使用</li>
</ul>
<p> 比如当你在家里修改了代码提交到云端后，回到公司只需要用vscode打开项目点击菜单中的pull就可以同步过来了。</p>
<p> <img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201163904974-425665535.png" alt=""></p>
<ul>
<li><strong>5、克隆你的项目到本地</strong></li>
</ul>
<p><strong> </strong>回到家后想修改代码，但是电脑没有文件怎么办呢？ 往下看</p>
<p> 首先你电脑还是的有vscode 和 GIT，，然后用git把上面那些全局配置再执行一次，如下</p>
<div class="cnblogs_code">
<pre>git config --global user.name "ASxx"
git config --global user.email "123456789@qq.com"
git config --global credential.helper store </pre>
</div>
<p> 然后打开Git Bash输入以下命令</p>
<div class="cnblogs_code">
<pre>cd d:/test //指定存放的目录
git clone https://git.oschina.net/name/test.git //你的仓库地址</pre>
</div>
<p><img src="https://images2015.cnblogs.com/blog/717286/201612/717286-20161201165048943-1663566323.png" alt=""></p>
<p>下载成功，然后就可以用vscode打开项目修改了，修改后提交的步骤还是和上面一样：暂存-提交暂存-push提交到云端就ok了。</p>
<div id="MySignature">热爱前端技术</div>
<p> </p>
<div class="clear"> </div>
<div id="blog_post_info_block"> </div><br><br>
来源：https://www.cnblogs.com/ExMan/p/15078590.html
頁:
[1]