将angular8项目部署到给github page页面（angular-cli-ghpages）

一 、 注册github账号并创建github仓库（repository）

二 、 下载安装git工具（用到git命令），下载安装node.js(需要用到npm)

三 、 创建angular项目，初始化git，安装angular-cli-ghpages，构建部署

1. 创建angular项目

npm install -g @angular/cli

ng new 你的angular项目名 --defaults

cd 你的angular项目名

2. 初始化git

git init

git remote add origin https://github.com/你的github用户名/你的仓库名.git

git init 会将这个目录作为Git代码库，git remote add origin 添加远程仓库，就好比把你这个目录和git仓库做一个关联

3. 安装angular-cli-ghpages

ng add angular-cli-ghpages

4.构建部署（deploy）

ng deploy --base-href=https://你的github用户名.github.io/你的仓库名/

这句话首先会帮你构建angular项目，之后会帮你默认部署到你添加好的远程仓库上

如果你想部署到其他的仓库上你可以输入

ng deploy --repo=https://github.com/你的github用户名/你的仓库名.git

--base-href 对应构建好的index.html文件中的<base href="/">，默认是 / ，如果你创建的仓库名称不是你的用户名.github.io的话，github会将你的应用部署到 ‘https://你的用户名.github.io/你的仓库名/’ 上，此时需要将--base-href=https://你的github用户名.github.io/你的仓库名/。如果不这么做会出现页面空白，原因是请求资源的时候找不到资源404。

之后访问 https://你的github用户名.github.io/你的仓库名/ 就可以看到部署好的页面了。

附上angular-cli-ghpages的github项目https://github.com/angular-schule/angular-cli-ghpages