将angular-cli项目部署到github pages上,在线预览

github上有pages功能,实现项目在线预览功能,默认是没有开启的.pages就是在线预览项目,最新版的angular-cli是支持angular-cli-ghpages的,能够利用它部署angular-cli项目在github pages上,其实就是创建可视化web页面
1.首先创建一个空的git项目,好比wangzhongjie
2.而后利用angular-cli创建一个空的angular项目,这个项目须要可运行,因此npm install要执行
3.安装angular-cli-ghpages

npm install angular-cli-ghpages -g

4.打包ghpage包,并制定url

ng build --prod --base-href "https://uvdrema.github.io/wangzhongjie/"

5.初始化git仓库

git init

6.连接本地项目与git仓库

git remote add origin https://github.com/UvDream/wangzhongjie

7发布部署(默认gh-pages分支)

ngh

这样的话基本完成大部分工做了,如今就是开启pages功能了
1.找到项目setting

2.找到github pages,而且设置pages的分支,设置成gh-pages

完成!如今能够访问https://uvdream.github.io/wan...

特别注明:码云一样也有这样的功能,而且码云创建私有项目是免费的!