从零开始-搭建《以平行宇宙为基础既可以用文字，还可以用图片，视频也没有问题的讲故事网站》-2起步（主页面的完成与发布）
Posted jffun-blog
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了从零开始-搭建《以平行宇宙为基础既可以用文字，还可以用图片，视频也没有问题的讲故事网站》-2起步（主页面的完成与发布）相关的知识，希望对你有一定的参考价值。
《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什么的。
五：主页面
以上是关于从零开始-搭建《以平行宇宙为基础既可以用文字，还可以用图片，视频也没有问题的讲故事网站》-2起步（主页面的完成与发布）的主要内容，如果未能解决你的问题，请参考以下文章