bash命令行和图形GUI上传本地项目到github

两种方式上传本地项目到github上
要先安装git,如果没有安装的话可以看上一篇安装博客(https://blog.****.net/Wing_ever/article/details/90479289),只需要下载,安装就可以了。

一、命令行bash方式
1、登录github账号,创建一个仓库,并且copy下仓库地址备用,操作如下:
bash命令行和图形GUI上传本地项目到githubbash命令行和图形GUI上传本地项目到githubbash命令行和图形GUI上传本地项目到github
2、选中你要上传的本地文件夹,点击右键,已经安装git会出现下面两个选项,对应两种上传方式Git GUI here和Git Bash here,图形界面和命令行,先选择bash命令行方式
bash命令行和图形GUI上传本地项目到github
3、输入命令 git clone https://github.com/wingever/spurs.git(蓝色部分为刚刚创建的github仓库的地址,替换成你自己的)
bash命令行和图形GUI上传本地项目到github

4、此时你会发现原来本地的工程文件夹中多了一个文件夹,名字就是你刚刚在github中创建的仓库的名字。将原来的工程文件全部拷贝至新多出来的文件夹内(我这里外面的文件夹也叫spurs,不影响)
bash命令行和图形GUI上传本地项目到githubbash命令行和图形GUI上传本地项目到github
5切换路径到该文件夹下,输入命令git status,可以看到要上传的文件的目录如下,红色代表此时还未添加到本地仓库:
bash命令行和图形GUI上传本地项目到github
6、输入命令git add .(不要漏掉”.”且中间有一个空格)将要上传的代码添加到本地仓库:
bash命令行和图形GUI上传本地项目到github
7、输入命令git status,此时文件目录变为绿色,代表已经成功上传到本地仓库:
bash命令行和图形GUI上传本地项目到github
8、输入命令git commit -m “message”(这一条命令是上传代码注释,“”内填写你自己的注释)
bash命令行和图形GUI上传本地项目到github
9、最后输入命令git push -u origin master将代码发送到github
bash命令行和图形GUI上传本地项目到github
10、上传成功,刷新一下,就能看到刚刚上传的项目了

bash命令行和图形GUI上传本地项目到github

注意:上传的命令不尽相同,可能会遇见很多问题,中间可能有提示输入邮箱和用户名的,所给的提示,在命令行输入邮箱用户名就可以了;还有可能需要输入用户名密码进行验证的,会弹出对话框让你输的。

二、GUI方式上传到github仓库
1、依旧要先在github创建一个仓库,拷贝项目地址,预备后续使用
2、在本地文件夹内随便一个,点击右键,打开Git GUI here
bash命令行和图形GUI上传本地项目到github
3、点击create new repository,输入一个文件夹的名字,
点击创建
bash命令行和图形GUI上传本地项目到github
4、在你打开GUI的文件夹下就已经有echarts_dataZoom这个文件夹了,将你要上传的项目copy到这个文件夹下面(我的就是这个js,json和test.html这里就不截图了)
bash命令行和图形GUI上传本地项目到github

5、点击remode->add,输入你的github账号名,location填写刚刚拷贝的仓库地址
bash命令行和图形GUI上传本地项目到githubbash命令行和图形GUI上传本地项目到github
6、点击add,成功显示如下:
bash命令行和图形GUI上传本地项目到github
7、点击rescan(刷新,可以看到左上部分已经有你放在dataZoom里面的文件了)
bash命令行和图形GUI上传本地项目到github
8、依次点击下面几个buttom,stage changed将在左下框显示你的详细文件缓存,sign off标志右边显示你的用户名和邮箱;最下面显示ready commit
bash命令行和图形GUI上传本地项目到github
9、点击commit
bash命令行和图形GUI上传本地项目到github
10、点击push->force overwrite…(下面三个最少选一个才能上传)->push

bash命令行和图形GUI上传本地项目到github
11、等待,成功
bash命令行和图形GUI上传本地项目到github
12、Github中查看,已经有项目啦,上传成功:
bash命令行和图形GUI上传本地项目到github