vue项目如何同步到远程GitHub仓库中

vue脚手架创建的项目如何同步到远程GitHub仓库

最近在使用vue脚手架开发购物商城项目。通过脚手架创建好项目,文件中会自动生成.git文件,下面就介绍一下如何把本地的文件push到github上


步骤

第一步:github中的操作

  1. 先在github中创建一个新的项目。

    vue项目如何同步到远程GitHub仓库中

  2. 填写好项目名字,其它选项默认,然后点击创建。

    vue项目如何同步到远程GitHub仓库中

  3. 这样就在github上生成了一个空的仓库。
    vue项目如何同步到远程GitHub仓库中

第二步:本地中的操作

  1. 打开本地项目,按住shift+鼠标右键或者直接右键打开命令窗口
    vue项目如何同步到远程GitHub仓库中

  2. 在命令窗口中,先建立和远程仓库的链接
    git remote add origin https://github.com/szGodfery/test.git
    git remote add :是固定写法
    origin:自己定义的远程仓库的名字
    url:是自己在github上建的仓库地址

    vue项目如何同步到远程GitHub仓库中

  3. 建立链接之后,不会有任何提示,表示已经链接成功,可以通过命令查看

    git remote -v
    vue项目如何同步到远程GitHub仓库中

  4. 现在我们在项目中先进行本地库的提交,在push到远程github上
    4.1 :git add .
    add后面是跟着要提交的名字,,如果全部提交加 .
    vue项目如何同步到远程GitHub仓库中
    4.2 :git commit -m “第一次本地提交注释”
    提交一定要写注释,不然会报错
    vue项目如何同步到远程GitHub仓库中

  5. push到远程仓库
    由于远程库是空的,我们第一次推送master分支时,加上了-u参数,
    git push -u origin master
    vue项目如何同步到远程GitHub仓库中

  6. 等push完成之后,在去刷新github就可以看到同步过去的信息了,下次有修改在推送时,直接使用命名
    git push origin master
    vue项目如何同步到远程GitHub仓库中