mimogear
1.0.0
Mimogear是一个用于开发静态站点的完整 Web 开发样板。 Mimogear 内包含 Gulp、Sass 和 Pug 样板文件,可帮助您入门。对于任何静态网站来说,新手和专业人士都会有宾至如归的感觉!只需运行
gulp
即可开始构建!
特征 | 概括 |
---|---|
Gulp 样板文件 | Gulp 根据环境智能处理编译和优化任务,以加快 Sass、Pug 和 js 开发速度。 |
响应式 Sass 样板 | 具有各种 mixins 的灵活 Sass 样板、更简单的 BEM 形式以及与平台无关的方法。 |
基础 Pug 模板样板 | 使用 Pug 的压缩语法、高度结构化的 HTML 模板设置、Markdown 支持和入门部分更快地生成 HTML 文件。 |
可选的 JavaScript 模块 | 完全可选的 JavaScript 模块,用于动态创建幻灯片、灯箱、触发器和元素。 |
性能优化 | Gulp 将缩小 CSS、连接和丑化 javascript,并优化图像以生成高性能的静态页面。 |
实时重新加载 | 每当您更改文件时都会重新加载浏览器。 |
跨设备同步 | BrowserSync 跨设备同步操作以加快测试速度。 |
风格指南生成器 | 默认情况下会创建核心 HTML 元素的页面,以便于站点样式设计和将来参考。 |
部署入门套件 | 将您的网站部署到 GitHub 页面并使用 Travis CI 入门工具包进行激增。 |
准备好并设置好 npm 后,打开终端并输入以下内容:
git clone https://github.com/mimoduo/mimogear.git
cd mimogear
npm install gulp-cli -g
npm install
gulp
您的站点将自动在浏览器窗口中打开,gulp 将开始监视您的文件,而 Browsersync 将自动重新加载您的更改。查看 /src/ 查看闪亮的新 Web 开发样板!
一切准备就绪后,文档就为您准备好了:
如果您已经使用 Mimogear 构建了一个网站,并且想向世界展示您的甜蜜网站,请随时创建拉取请求并将其添加到下面的列表中:
我希望您喜欢使用 Mimogear 进行开发,就像我喜欢构建它一样!如果您喜欢请分享!如果没有我朋友的帮助,这个静态站点生成器是不可能实现的。他们在不知不觉中为这一切的各个方面做出了贡献^w^ 最引人注目的是尼克·霍尔(Nick Hall),他是世界上最好的导师!