## 说明

---

拿到框源码后并不是直接双击HTML通过浏览器来运行，这边需要你根据我的文档说明做好基本的环境配置，然后来运行我们的框架。

请按照我制定的规范来编写前端HTML代码，其他只需要交由框架来帮你搞定一切，或许你不适应这种代码的编写方式甚至没听过所谓的html模板引擎，css预处理器，gulp自动化工具。

但你需要习惯这种开发方式，大的团队普遍适用的技术套路你真的有必要去学习，不要抱怨，逼着自己埋头苦练技术提升自己的能力才是最根本。

## 技术架构

---

- 1: 基于Node.js开发
- 2: gulp作为自动化构建工具
- 3: HTML模板引擎采用jade
- 4: stylus作为项目css的预编译器
- 5: 使用express的来托管gulp编译后的dist/静态文件夹，启动nodejs服务器来访问静态网站查看效果。
- 6: concurrently 实现命令的多条并发执行
- 7: cli-color 实现终端命令行输出彩色信息
- 8: 采用 node-dev ，当我们修改js文件后自动重启node进程
- 9: open模块实现自动为你打开浏览器并运行我们的网站
- 10： autoprefixer帮你自动解决css3特性的浏览器前缀问题
- 11： minify-css，concat为你自动压缩美化合并多个css文件
- 12： imagemin 实现图片的自动高清压缩