【從零開始】-搭建《以平行宇宙為基礎既可以用文字,還可以用圖片,視訊也沒有問題的講故事網站》-2起步(主頁面的完成與釋出)
阿新 • • 發佈:2019-01-03
《001-開發環境》寫的亂七八糟的,但相信大家已經都會了(感覺稍微學過的水平水平就在咱之上了@@),現在終於要進入正題了!!!
原本想前後臺一起寫的,突然發現先把前臺寫完可以儘早裝逼就準備先寫後臺了==!
一:使用Git和GitHub管理《以平行宇宙為基礎既可以用文字,還可以用圖片,視訊也沒有問題的講故事網站》
因為先把框架搭建好,再建立一個空的倉庫,在使用首次上傳上傳到GitHub比較麻煩。所以咱一般都先建立帶README檔案的倉庫,然後克隆下來開始專案。
- 在GitHub上建立一個名字非常拉風的倉庫,描述就用翻譯軟體翻譯一下就顯得十分叼,最後勾上Initialize this repository with a README,點選原諒色的Create repository的按鈕就完成了。
- 然後在剛剛建的倉庫首頁點選原諒色的Clone or download複製連結地址
- 在然後在桌面開啟Git Bash輸入
git clone [email protected]:1010543618/jffun-story---page.git
([email protected]:1010543618/jffun-story---page.git是剛剛複製的地址),這時桌面上就克隆下來當前專案的資料夾。
二:安裝bs,jq,vue,glup等能用的上的工具和框架碼前臺頁面
感覺vue用html代替js,比react的用js代替html直觀一些。。。(其實倆都是剛學)
Bootstrap起步:http://v3.bootcss.com/getting-started/
npm安裝bs:
- 初始化npm:開啟Git Bash輸入
npm init
,然後一直回車 - 安裝bs:
npm install [email protected] --save-dev
- 安裝jQuery:
npm install jquery --save-dev
- 安裝vue:
npm install vue --save-dev
- 安裝glup
三:開始偷稅地寫主頁面就行了
四:使用GitHub Page展示
注意:GitHub Page的URL不能使用下劃線,所以要把node_modules的下劃線換成別的,或者使用cdn什麼的。