angular2新建的项目上传github

前提

1、git配置好,参见博文 git常用操作

2、angular2安装配置好,这个网上有很多教程,就不多说了,参见angular2快速起步

  需要注意的是,大部分问题都是网络问题。

3、新建一个ng项目

假设在一个目录 Document/angular2/目录下

  3.1 新建一个terminal窗口

  3.2 ng new wjwng2 新建一个ng项目。

  3.3 cd wjwng2 切换到该目录下

4、配置git

  4.1 删除 .git 文件夹 和 .gitignore 文件 这步一定要做。原来的.git 和 .gitignore是创建项目,npm帮我们管理的。如果放任不管会出很过问题。删除后可以 git init 初始化仓库。正确安装git 这步一般都会成功。然后 git add -A 添加文件到git ,git commit -m "init wjwng2" 提交所有代码到本地仓库。如果有不需要提交的可以 自己新建一个》.gitingore文件,把不需要同步的文件名放进去。

  4.2 在github 上新建一个仓库。参见git常用操作。假设你新建一个wjwdive/wjwng2的仓库。主要新建的仓库,如果你默认添加了README.md文件。有可能在以下步骤会出错。建议创建新的仓库不要带README.md。如果勾选了,并且初始化了一些数据参见4.4.

  4.3 如果4.2步骤中没有添加README.md。

    在terminal中,

    输入命令 git remote add git@github.com:userName/reporsityName.git 配置将要远程连接的仓库。成功后 在.git 文件夹下的gitconfig文件中看到:类似

      [remote "origin"]

      url = git@github.com:wjwdive/wjwng2.git

      fetch = +refs/heads/*:refs/remotes/origin/*

    的文字表示配置成功 当然你可以手动配置。

    git pull origin master 把主分支的版本拉下来。

    git push origin master 把代码上传。

  4.4 如果原来远程仓库有 README.md 则需要将4.3中的第二个命令 git pull origin master 改为 git pull --rebase origin master. 这个命令也是有前提的,和其他远程git命令一样,必须保证仓库是干净的。没有删除的,多余的,不被git管理的垃圾文件。可以用 git status ,如果 全部是绿色提示,即仓库 clean,就可以使用git pull --rebase origin master, 否则按照git 提示解决仓库混乱的问题,直到git status 提示 仓库干净,log里没有红色字体,之后绿色字体。 最后就可以 git push -u origin master 提交本地代码到github了。

总结,用ng new 出来的项目自带 .git 文件夹 和 .gitignore文件,最好删除从新初始化仓库。否则各种麻烦。