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
990
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
1k
前端开发工具
keelii
3
1.1k
Other Decks in Programming
See All in Programming
型安全RESTで爆速プロトタイピング – Hono RPC実践
tacke_jp
0
110
プロダクト開発でも使おう 関数のオーバーロード
yoiwamoto
0
130
プロダクト改善のために新しいことを始める -useContextからの卒業、Zustandへ-
rebase_engineering
1
110
少数精鋭エンジニアがフルスタック力を磨く理由 -そしてAI時代へ-
rebase_engineering
0
150
無関心の谷
kanayannet
0
130
セキュリティマネジャー廃止とクラウドネイティブ型サンドボックス活用
kazumura
1
150
GoのWebAssembly活用パターン紹介
syumai
3
1.1k
"使いづらい" をリバースエンジニアリングする UI の読み解き方
rebase_engineering
0
130
実践ArchUnit ~実例による検証パターンの紹介~
ogiwarat
2
220
レガシーシステムの機能調査・開発におけるAI利活用
takuya_ohtonari
0
500
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
110
Javaのルールをねじ曲げろ!禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
nrslib
3
1.9k
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
How to train your dragon (web standard)
notwaldorf
92
6.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Navigating Team Friction
lara
186
15k
Facilitating Awesome Meetings
lara
54
6.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
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