【從零開始】-搭建《以平行宇宙為基礎既可以用文字,還可以用圖片,視頻也沒有問題的講故事網站》-2起步(主頁面的完成與發布)
阿新 • • 發佈:2019-01-03
AD復制 亂七八糟 按鈕 一起 ini vue 地址 tst initial
《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 bootstrap@3 --save-dev
- 安裝jQuery:
npm install jquery --save-dev
- 安裝vue:
npm install vue --save-dev
- 安裝glup
三:開始偷稅地寫主頁面就行了
四:使用GitHub Page展示
註意:GitHub Page的URL不能使用下劃線,所以要把node_modules的下劃線換成別的,或者使用cdn什麽的。
五:主頁面
【從零開始】-搭建《以平行宇宙為基礎既可以用文字,還可以用圖片,視頻也沒有問題的講故事網站》-2起步(主頁面的完成與發布)