一个用html5+bootstrap sass来建网站的脚手架,集成了js的组件,快速开发网站.
脚手架中包含了基本的js,css, sass等,开箱即用。
from https://github.com/yaotian/h5bootstrapscss
脚手架中包含了基本的js,css, sass等,开箱即用。
- html5-boilerplate(v5.3.0) https://github.com/h5bp/html5-boilerplate
- bootstrap(v4.0-alpha5)
- jquery.js(v3.1.1 拷贝于bootstrap)
- modernizr.js (v2.8.3) https://modernizr.com/ 不支持html5的浏览器,可以支持html5的元素
- respond.js(v1.4.2)https://github.com/scottjehl/Respond 不支持css3的浏览器可以支持响应式
- picturefill.js (v3.0.2) 按照设备大小,显示相应大小的图片 http://scottjehl.github.io/picturefill/
- holder.js (v2.9, 设计时虚拟显示图片占位) http://holderjs.com/
- masonry(v4.1.1)可以做图片墙
- normalize.css(这个用bootstrap scss来生成)
- bootstrap中的scss
- bootstrap中的js
- fonts(fontawesome4.7.0,glyphicons) http://fontawesome.io/脚手架中包含了基本的js,css, sass等,开箱即用。
- html5-boilerplate(v5.3.0) https://github.com/h5bp/html5-boilerplate
- bootstrap(v4.0-alpha5)
- jquery.js(v3.1.1 拷贝于vbootstrap)
- modernizr.js (v2.8.3) https://modernizr.com/ 不支持html5的浏览器,可以支持html5的元素
- respond.js(v1.4.2)https://github.com/scottjehl/Respond 不支持css3的浏览器可以支持响应式
- picturefill.js (v3.0.2) 按照设备大小,显示相应大小的图片 http://scottjehl.github.io/picturefill/
- holder.js (v2.9, 设计时虚拟显示图片占位) http://holderjs.com/
- masonry(v4.1.1)可以做图片墙
- normalize.css(这个用bootstrap scss来生成)
- bootstrap中的scss
- bootstrap中的js
- fonts(fontawesome4.7.0,glyphicons) http://fontawesome.io/
使用方法
-
根目录 npm install
这个步骤会自动安装所有的组件
-
根目录 gulp
这个会自动编译所有的前端代码,并自动打开浏览器,实时检测你的修改,并在浏览器中实时显示修改后的效果
单页网站的例子
https://yaotian.github.io/h5bootstrapscss/from https://github.com/yaotian/h5bootstrapscss
No comments:
Post a Comment