dashboard 仪表盘

仪表盘瓷砖的package.size可以设置为 "s" [ "s", "m", "l", "xl" ] => [ 1/4, 2/4, 3/4, 4/4 ]，这意味着你可以根据需求调整仪表盘的宽度。要发展这个功能，你会听到咕噜声——这就是Grunt工具在起作用了！

要把所有前端的JS文件打包成一个文件，你需要使用Grunt工具。安装Grunt命令行接口：

$ npm i -g grunt-cli

$ grunt watch

使用Docker作为开发系统也是个不错的选择。以下是本地安装的步骤：

$ docker build -t dashboard .

$ docker run -it --rm --name dashboard

$ docker run -d -P -e VIRTUAL_HOST=subdomain.com -e DEBUG=* --name dashboard

想了解更多关于Grunt工具的信息吗？可以参考这些资源：

• Grunt前端开发工具部署：详尽的Grunt部署指南。

• 前端开源库grunt plato：一个可以分析代码复杂度的工具。

• 前端开源库grunt subgrunt：帮助你运行子项目的Grunt任务。

• 前端开源库grunt cleanempty：清理空目录的神器。

• 前端开源库grunt creplace：让你轻松替换文件内容。

• 前端开源库grunt requirejs：集成RequireJS模块加载。

• 前端开源库grunt rigger：拼接文件，简直就是拼图高手！

• 前端开源库grunt hoodie：一个用于快速原型开发的全栈平台。

• 前端开源库grunt lintspaces：保持你的代码格式一致。

• 前端开源库grunt express：和Express框架无缝对接。

• 前端开源库grunt webp：处理WebP图像格式。

• grunt前端构建工具：综合介绍各种Grunt功能。

• 前端开源库grunt standard：标准化你的代码风格。

• 前端开源库grunt klassmer：模块化CSS文件。

• 前端开源库grunt asciify：把文本转换为ASCII艺术。

• 前端开源库grunt madge：可视化模块依赖关系。

• 前端开源库grunt cola：一个支持协同编辑的框架。

• 前端开源库grunt usemin：优化和构建HTML文件。

• 前端开源库grunt config：管理项目配置。

• 前端开源库grunt clientlibs：管理客户端库。

克隆这个repo来开始你的项目：

$ git clone git@github.com:

赶紧试试这些工具吧，你会发现前端开发竟然如此简单！