zoukankan      html  css  js  c++  java
  • 黑历史【从零开始】- 搭建《以平行宇宙为基础既可以用文字,还可以用图片,视频也没有问题的讲故事网站》-2 起步(主页面的完成与发布)

    《001 - 开发环境》写的乱七八糟的,但相信大家已经都会了(感觉稍微学过的水平水平就在咱之上了 @@),现在终于要进入正题了!!!
    原本想前后台一起写的,突然发现先把前台写完可以尽早装逼就准备先写后台了 =
    =!

    一:使用 Git 和 GitHub 管理《以平行宇宙为基础既可以用文字,还可以用图片,视频也没有问题的讲故事网站》

    因为先把框架搭建好,再创建一个空的仓库,在使用首次上传上传到 GitHub 比较麻烦。所以咱一般都先创建带 README 文件的仓库,然后克隆下来开始项目。

    1. 在 GitHub 上创建一个名字非常拉风的仓库,描述就用翻译软件翻译一下就显得十分叼,最后勾上 Initialize this repository with a README,点击原谅色的 Create repository 的按钮就完成了。
      image
    2. 然后在刚刚建的仓库首页点击原谅色的 Clone or download 复制链接地址
    3. 在然后在桌面打开 Git Bash 输入git clone git@github.com:1010543618/jffun-story---page.git(git@github.com: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 什么的。

    五:主页面

  • 相关阅读:
    通过点击切换文本框内容的脚本示例
    使用脚本改变树控件的行为
    javascript动态创建radio button元素支持IE/Firefox
    轻量级的向导控件MultiView
    客户端脚本简单实现Repeater的无刷新分页
    在非web site项目中引用Membership
    逐步认识C#四种判断相等的方法
    C#获取csv文件内容对逗号和引号分隔的处理
    JavaScript之 值类型 和 引用类型 Better
    JS call apply bind 方法的区别 Better
  • 原文地址:https://www.cnblogs.com/jffun-blog/p/11042945.html
Copyright © 2011-2022 走看看