分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 02:31责任编辑:林大明关键词:暂无标签

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

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

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

  1. 在GitHub上创建一个名字非常拉风的仓库,描述就用翻译软件翻译一下就显得十分叼,最后勾上Initialize this repository with a README,点击原谅色的Create repository的按钮就完成了。
  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什么的。

五:主页面

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

原文地址:https://www.cnblogs.com/jffun-blog/p/10327388.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved