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

特別註明:碼雲一樣也有這樣的功能,而且碼雲創建私有項目是免費的!