1. 程式人生 > >【從零開始】-搭建《以平行宇宙為基礎既可以用文字,還可以用圖片,視頻也沒有問題的講故事網站》-2起步(主頁面的完成與發布)

【從零開始】-搭建《以平行宇宙為基礎既可以用文字,還可以用圖片,視頻也沒有問題的講故事網站》-2起步(主頁面的完成與發布)

AD復制 亂七八糟 按鈕 一起 ini vue 地址 tst initial

《001-開發環境》寫的亂七八糟的,但相信大家已經都會了(感覺稍微學過的水平水平就在咱之上了@@),現在終於要進入正題了!!!
原本想前後臺一起寫的,突然發現先把前臺寫完可以盡早裝逼就準備先寫後臺了=
=!

一:使用Git和GitHub管理《以平行宇宙為基礎既可以用文字,還可以用圖片,視頻也沒有問題的講故事網站》

因為先把框架搭建好,再創建一個空的倉庫,在使用首次上傳上傳到GitHub比較麻煩。所以咱一般都先創建帶README文件的倉庫,然後克隆下來開始項目。

  1. 在GitHub上創建一個名字非常拉風的倉庫,描述就用翻譯軟件翻譯一下就顯得十分叼,最後勾上Initialize this repository with a README,點擊原諒色的Create repository的按鈕就完成了。
    技術分享圖片
  2. 然後在剛剛建的倉庫首頁點擊原諒色的Clone or download復制鏈接地址
  3. 在然後在桌面打開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:

  1. 初始化npm:打開Git Bash輸入npm init,然後一直回車
  2. 安裝bs:npm install bootstrap@3 --save-dev
  3. 安裝jQuery:npm install jquery --save-dev
  4. 安裝vue:npm install vue --save-dev
  5. 安裝glup

三:開始偷稅地寫主頁面就行了

四:使用GitHub Page展示

註意:GitHub Page的URL不能使用下劃線,所以要把node_modules的下劃線換成別的,或者使用cdn什麽的。

五:主頁面

【從零開始】-搭建《以平行宇宙為基礎既可以用文字,還可以用圖片,視頻也沒有問題的講故事網站》-2起步(主頁面的完成與發布)