基于 Grunt 构建最好的工作流
Best workflow with Grunt使用 Grunt 构建本地工作流@keelii
View Slide
目录• 开发工具• 系统软件• 硬件配置• 版本管理• 开发目录
开发工具• 编辑器/IDE – sublime, Notepad++• 调试工具 – Fiddler, Developer Tools• 砖业工具 – Node.js, NPM(nodejs package manager)• 统筹自动化工具 – Grunt, yeoman, ant
The JavaScript Task Runner
Grunt 常用任务• grunt-contrib-copy // 备份文件• grunt-contrib-uglify // 压缩脚本• grunt-contrib-cssmin // 压缩样式• grunt-strip // 去除调试语句console• grunt-requirejs // 用于 requirejs 项目
• Gruntfile.jsGrunt 执行配置文件,包括各种任务的参数路径等• package.json项目信息,包括项目依赖的一些 Grunt 插件版本等Grunt 项目配置文件
Grunt 使用方法步骤1. 安装 Node.js「安装」2. 撰写 package.json 与 Gruntfile.js 配置文件3. 首次须安装依赖执行 npm install 安装依赖包4. 切换到当前命令行路径执行 grunt 命令附件 中提供了一个测试用的 grunt 相关配置文件,可根据情况修改使用
Find and Run Robot2ListaryTodoist程序快速启动器——妈妈再也不用担心我的桌面图标乱得一团糟了本地文件/夹、目录快速访问、切换、查找 + 实用小工具——居家旅行躲猫猫必备神气工作事项、待办事情(上线)管理工具。支持在线、客户端、手机等—— 健忘症必备
Macbook更大的显示器SSD固态硬盘更多的内存更好的键盘
Subversion – 主流得像 jQuery 一样Git – 开源、前端首选CVS – C/S架构软件版本控制系统VSS – 微软出品版本控制版本比较自动/手动备份SVN diff, VIM diffSVN 自动备份版本,上线前半手动备份(grunt)
Buildappsrcvendorlibimgdocassetsdisttest目录命名我的主干目录结构build – 打包完上线用app – 项目源码- css- js- imgtest – 测试页面
ENDOne more code …DAUX