如何将本地项目上传到码云并实现更新功能

如何将本地项目上传到码云

最近在使用webpack和vue做一个项目，过程中需要将本地项目用git工具快速提交代码，毕竟git是个好东西，就是对于新手来说（也就是在下）不够友好，由于看了网上的教程感觉稍微有些繁琐，于是决定记录一下自己跟着老师做的方法，同时也避免以后忘记找起来太过麻烦。（btw:我啰嗦起来自己都怕）

1、创建本地项目

既然我们是要将本地项目上传，自然第一步时需要建立本地项目。
作为一个严谨的程序员，项目的配置文件肯定时一个都不能少（说出来我自己都不知道到底有哪些），于是跟着视频上的老师先后创建并配置了如下文件：

1. .gitignore ：配置你上传时忽略的文件，例如：node_modules (npm安装的包)、.idea（如果你使用的是webstorm,会给你自动生成一个webstorm的配置文件）、.vscode（同webstorm）、.git（也是自动生成的）；
2. LISENSE：开源协议，具体可以去某乎上搜：主流开源协议有何异同；
3. readme.md：主要用来说明源码用在什么开发环境上，如何查看编辑代码等等。

2、在码云上创建一个空的仓库

1.配置密钥

如何查看自己的密钥呢，如果你曾经申请过密钥，可以打开电脑目录C:\Users\用户名.ssh
复制之后将其粘贴到公钥中，点击确定。

2.在官网头像旁点击加号新建仓库，填写仓库名称，设为公开，选择语言、模板一律不要勾选，使用readme初始化这个选项也不要勾选，因为我们之前已经创建好了，我们需要的，只是一个空的仓库；

3.创建成功后会出现三个代码片段，根据指示，将第一个代码片段在cmd运行环境下配置，第三个代码片段在webstorm终端中配置 ；

4.在此之前可以使用webstorm终端输入：

git init   //初始化git

git status     //查看git状态

git add .     //将文件内容添加到索引(将修改添加到暂存区)

git commit -m "init my project"     //将文件提交到本地git中

5.当你输入网站上的第三个代码片段后，刷新你的仓库网址会发现你的文件已经被上传了

3、更新后的文件上传到仓库中、

1.用传统方法将修改后的代码提交到码云
依次输入：

• git add .
• git commit -m “提交信息”
• git push

2.使用webstorm提供的快捷键

• 当你改变某一个文件内容时，如下图，右上角可以看到git旁边的勾勾
  
• 点击绿色的勾勾，会出现以下界面
  
• 填写commit message，点击commit，之后只剩最后一步
• 点击项目右键，根据下图点击对应的操作
  
• 点击push,再次刷新仓库，会出现项目已更新的提示。

大功告成！