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

上一篇: Angular2入门系列（五）————... 下一篇:用Angular脚手架搭建项目

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

发布时间：2019-06-12 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了将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
@H_126_12@

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...
特别注明:码云同样也有这样的功能,并且码云建立私有项目是免费的!