github上有pages功能,实现项目在线预览功能,默认是没有开启的.pages就是在线预览项目,最新版的angular-cli是支持angular-cli-ghpages的,可以利用它部署angular-cli项目在github pages上,其实就是建立可视化web页面
1.首先建立一个空的git项目,比如wangzhongjie2.然后利用angular-cli建立一个空的angular项目,这个项目需要可运行,所以npm install要执行3.安装angular-cli-ghpagesnpm 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
完成!现在可以访问
特别注明:码云同样也有这样的功能,并且码云建立私有项目是免费的!