从零开始】-搭建《以平行宇宙为基础既可以用文字，还可以用图片，视频也没有问题的讲故事网站》-2起步（主页面的完成与发布）...

《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什么的。

五：主页面

转载于:https://www.cnblogs.com/jffun-blog/p/8363764.html