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
DevFest - Serverless 101 with Google Cloud Functions
tunmise
0
140
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
3.2k
Alba: Why, How and What's So Interesting
okuramasafumi
0
230
ファインディの テックブログ爆誕までの軌跡
starfish719
1
580
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
130
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
18
2.9k
カンファレンス動画鑑賞会のススメ / Osaka.swift #1
hironytic
0
190
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
200
はてなにおけるfujiwara-wareの活用やecspressoのCI/CD構成 / Fujiwara Tech Conference 2025
cohalz
3
3k
AWSのLambdaで PHPを動かす選択肢
rinchoku
2
400
サーバーゆる勉強会 DBMS の仕組み編
kj455
1
320
ISUCON14感想戦で85万点まで頑張ってみた
ponyo877
1
770
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
YesSQL, Process and Tooling at Scale
rocio
170
14k
Agile that works and the tools we love
rasmusluckow
328
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
510
What's in a price? How to price your products and services
michaelherold
244
12k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
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