vue项目上传至github

github账号及管理工具git准备

  • github官网注册账户,网址:https://github.com;
  • 安装管理工具git,下载地址:https://git-scm.com;

    准备好了,开始搞事情

  • vue-cli脚手架搭建本地vue项目。
    进入本地项目文件下,右键-选择git bash here(下图)
    vue项目上传至github

  • 建立本地仓库
    窗口输入命令: git init 初始化,
    成功后项目里多了一个隐藏文件夹.git(.git是隐藏文件,可通过设置显示隐藏文件夹令其显示)
    vue项目上传至github

  • 将项目中所有文件添加到仓库
    输入指令: git add .
    vue项目上传至github

  • 把文件提交到仓库
    双引号内是提交注释;
    输入指令: git commit -m "注释内容"
    vue项目上传至github

  • 创建github仓库
    登录个人github账户之后,选择 Start a project
    vue项目上传至github

  • 根据提示创建一个仓库
    vue项目上传至github
    至此,一个名为my-project的github仓库创建成功,接下来将本地项目上传到my-project.
  • 关联github仓库
    复制github my-project仓库的仓库地址,这里选择的是https地址,这样比较简单,没有选择ssh,如有需要,可自行百度设置ssh
    vue项目上传至github

  • 获取到github仓库地址后,将本地仓库与github仓库关联
    输入指令: git remote add origin https://github.com/midnightvisitor/my-project.git
    注:在git客户端直接按 insert 即可粘贴内容
    vue项目上传至github

  • 上传本地项目
    输入指令: git push -u origin master
    根据提示输入自己github帐号及密码;
    稍等片刻,关联成功
    vue项目上传至github

  • 本地代码已经推送到github仓库了,去githubt仓库刷新即可。
    vue项目上传至github