Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Best workflow with grunt
Search
keelii
August 14, 2013
Programming
0
950
Best workflow with grunt
基于 Grunt 构建最好的工作流
keelii
August 14, 2013
Tweet
Share
More Decks by keelii
See All by keelii
前端组件模块化思考与实践
keelii
4
1.1k
前端,改变 Front-end makes change
keelii
5
990
前端开发工具
keelii
3
1.1k
Other Decks in Programming
See All in Programming
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
550
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
170
Linux && Docker 研修/Linux && Docker training
forrep
23
4.3k
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
320
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
520
ecspresso, ecschedule, lambroll を PipeCDプラグインとして動かしてみた (プロトタイプ) / Running ecspresso, ecschedule, and lambroll as PipeCD Plugins (prototype)
tkikuc
2
3.2k
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
280
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
1
230
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
19
3.4k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
12
6.1k
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
1
200
rails newと同時に型を書く
aki19035vc
6
760
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
620
A Modern Web Designer's Workflow
chriscoyier
693
190k
Documentation Writing (for coders)
carmenintech
67
4.6k
Being A Developer After 40
akosma
89
590k
4 Signs Your Business is Dying
shpigford
182
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
3k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Transcript
Best workflow with Grunt 使用 Grunt 构建本地工作流 @keelii
目录 • 开发工具 • 系统软件 • 硬件配置 • 版本管理 •
开发目录
None
目录 • 开发工具 • 系统软件 • 硬件配置 • 版本管理 •
开发目录
开发工具 • 编辑器/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.js Grunt 执行配置文件,包括各种任务的参数 路径等 • package.json 项目信息,包括项目依赖的一些 Grunt 插件
版本等 Grunt 项目配置文件
Grunt 使用方法步骤 1. 安装 Node.js 「安装」 2. 撰写 package.json 与
Gruntfile.js 配置文件 3. 首次须安装依赖执行 npm install 安装依赖包 4. 切换到当前命令行路径执行 grunt 命令 附件 中提供了一个测试用的 grunt 相关配置文件,可根据情况修改使用
目录 • 开发工具 • 系统软件 • 硬件配置 • 版本管理 •
开发目录
Find and Run Robot2 Listary Todoist 程序快速启动器 ——妈妈再也不用担心我的桌面图标乱得一团糟了 本地文件/夹、目录快速访问、切换、查找 +
实用小工具 ——居家旅行躲猫猫必备神气 工作事项、待办事情(上线)管理工具。支持在线、客户端、手机等 —— 健忘症必备
目录 • 开发工具 • 系统软件 • 硬件配置 • 版本管理 •
开发目录
Macbook 更大的显示器 SSD固态硬盘 更多的内存 更好的键盘
目录 • 开发工具 • 系统软件 • 硬件配置 • 版本管理 •
开发目录
Subversion – 主流得像 jQuery 一样 Git – 开源、前端首选 CVS –
C/S架构软件版本控制系统 VSS – 微软出品 版本控制 版本比较 自动/手动备份 SVN diff, VIM diff SVN 自动备份版本,上线前半手动备份(grunt)
目录 • 开发工具 • 系统软件 • 硬件配置 • 版本管理 •
开发目录
Build app src vendor lib img doc assets dist test
目录命名 我的主干目录结构 build – 打包完上线用 app – 项目源码 - css - js - img test – 测试页面
END One more code … DAUX