博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
将angular-cli项目部署到github pages上,在线预览
阅读量:5876 次
发布时间:2019-06-19

本文共 627 字,大约阅读时间需要 2 分钟。

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

clipboard.png

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

clipboard.png

完成!现在可以访问

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

转载地址:http://vskix.baihongyu.com/

你可能感兴趣的文章
React项目技术栈
查看>>
项目线程安全
查看>>
java B2B2C源码电子商务平台-配置中心svn示例和refresh
查看>>
数据分析Power BI数据建模教程(二)——如何创建计算列
查看>>
Kuuga——转化任何 Web 页面为桌面应用的跨平台工具
查看>>
Java11都出来了还要学Java8新特性吗?
查看>>
AWS光缆被挖后对架构设计的一点总结(一)
查看>>
React Hooks ---useMemo
查看>>
ios 3DTouch初识
查看>>
SpringBoot使用Sharding-JDBC读写分离
查看>>
宅社AcgClub API上线
查看>>
如何用 Vue-CLI 3 打包 npm 包
查看>>
ElementUI Table组件,如何在多页数据下勾选多行
查看>>
什么是Scala Scala如何学习和入门之我的个人学习经验以及相关实战
查看>>
golang 指针实践
查看>>
Android JNI 代码自动生成
查看>>
elemetui中好用的小技巧
查看>>
Laravel 文件上传提示 “The file "" deos not exits ” ,但确实已经上传了文件
查看>>
4.4 -4.5
查看>>
一天一个知识点 - 浅谈 JavaScript 原型链
查看>>