- Gulp 前端架构工具
- 使用 Jade、Stylus、Coffeescript开发,最终编译成静态网站
- 模块化开发,通过 Browserify 打包
- Mocha 单元测试框架
- 用 BrowserSync 创建静态资源服务,当有文件改动时,自动刷新浏览器
git clone [email protected]:Seishi/boilerplate.git <your project name>
cd <your project name>
npm install
root
|-- gulp/ # gulp任务
|-- node-modules/
|-- src/
| |-- assets/ # 资源文件夹
| | |-- images/ # 存放图片,包括背景图
| | |-- script/ # 存放脚本文件
| | `-- stylus/ # 存放样式表文件
| |-- _layout.jade
| `-- index.jade
|-- public/ # 静态资源服务文件夹
|-- test/ # 存放测试文件
|-- gulpfile.js
|-- packages.json
|-- browerify.json # 定义需要打包的文件
`-- README.md
运行:
gulp
这将会自动打开浏览器访问: http://localhost:3000
。
运行:
gulp compile -p
静态网站最终生成在 dist
目录。