将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...

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