杂七杂八（2）- 如何将Angular项目部署到GitHub上并运行

众所周知GitHub是一个灰常好用的软件托管平台你可以将你的项目部署到你自己的GitHub的仓库中并且访问。
今天想自己试一下将angular的项目部署到GitHub中，看了很多网上的资料，自己总结了一下，如果有
本文将演示如何将你自己的angular项目部署到git上并且访问。

一、安装需要的内容

1. 在你的电脑上安装git客户端、node.js和vscode。
   git客户端不用说了吧。
   node.js是一个JavaScript的运行环境
   vscode是一个编辑器，我用来写angular的工具，也可以是其他的软件，看你们个人喜好了。

二、进行配置（重点来了）

1.在你的本地电脑中找一个你喜欢的地方创建一个文件夹

2.进入你创建的文件中右键鼠标（这时你应该安装好了你的node.js和git）选择Git Bash Here 这个选项，之后应该会弹出一个对话框。

3.在弹出的对话框中输入npm install -g @angular/cli，安装angular的脚手架，之后就等着安装吧

4.还是在对话框中创建你的工作空间ng new demo（这里是你起的名字，我用demo代替了），继续等待创建完成

5.进入你刚才创建的空间中，加载你需要的组件或者其他的东西，我这里需要用到zorro-mobile的东西，所以我就加载了这个组件。继续等待组件加载完成。

6.之后在空间中安装angular-cli-ghpages，这个东西是为了更快的打包、部署项目用的，具体是干什么的没仔细看~~

7.当以上都完成后，你就完成了一半了，马上就成功了。加油~~
8.之后去初始化git、将你的项目和git中你自己创建的仓库进行连接

①.git init（初始化你的git）：git init

②.进行连接（与git中的仓库连接）：
git remote add origin https//github.com/username/projectname.git
username：是你git的名字
projectname：是你起的工作空间的名字

③你也可以使用git remote -v来查看一下你和当前哪个git仓库连接上了
9.之后输入ng deploy --repo=https://github.com/username/projectname.git将你的项目部署到仓库中。
10.再输入ng deploy --base-href=https://username.github.io/projectname/将你的href连接到你的HTML或者你的项目上面

三、完成啦

这样基本上就应该完成了，9和10这两步也可以连起来使用一条语句进行执行
ng deploy --repo=https://github.com/username/projectname.git/ --base-href=https://username.github.io/projectname/
也可以这样，看你的喜好吧~~

总结

也没什么好总结的，这个只是我想将angular的项目弄到GitHub上去，其他的我也不是很明白，仅供参考吧，如果有问题了，请跟我说，我再修改~~，谢谢