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
進擊的 Mac OS 之前端开发
Search
hzlzh
September 06, 2013
Technology
3
330
進擊的 Mac OS 之前端开发
使用Mac OS进行前端开发的一点分享
原版Keynote下载地址:
http://vdisk.weibo.com/s/z9dGioP9NHYr9
hzlzh
September 06, 2013
Tweet
Share
More Decks by hzlzh
See All by hzlzh
[WebRebuild 2013] 移动终端重构Workflow
hzlzh
20
7.5k
1.618 发现设计之美
hzlzh
3
1k
Other Decks in Technology
See All in Technology
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
190
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.3k
エンジニア向け会社紹介資料
caddi_eng
14
220k
MySQLのロックの種類とその競合
yoku0825
6
1.6k
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
620
サーバーレスAPI(API Gateway+Lambda)とNext.jsで 個人ブログを作ろう!
shuntaka
PRO
0
560
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
150
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
134
6.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
For a Future-Friendly Web
brad_frost
173
9.2k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Writing Fast Ruby
sferik
623
60k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
GitHub's CSS Performance
jonrohan
1026
450k
Embracing the Ebb and Flow
colly
81
4.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Become a Pro
speakerdeck
PRO
15
4.8k
Transcript
None
進擊的 Mac OS 前端开发
進擊的 Mac OS ⻩黄⾃自⼒力 @hzlzh 前端开发
進擊的 Mac OS ⻩黄⾃自⼒力 @hzlzh 前端开发
⾃自我介绍
⾃自我介绍 ‣ ECC - 移动终端设计中⼼心 - 前端开发组
⾃自我介绍 ‣ 从Mac OS 10.6 开始做为主开发环境 ‣ ECC - 移动终端设计中⼼心
- 前端开发组
⾃自我介绍 ‣ 从Mac OS 10.6 开始做为主开发环境 ‣ ECC - 移动终端设计中⼼心
- 前端开发组 •10.6 Snow Leopard •10.7 Lion •10.8 Mountain Lion •10.9 Mavericks
⾃自我介绍 ‣ 从Mac OS 10.6 开始做为主开发环境 ‣ ECC - 移动终端设计中⼼心
- 前端开发组 ‣ Mac OS & iOS 发烧友 •10.6 Snow Leopard •10.7 Lion •10.8 Mountain Lion •10.9 Mavericks
为什么选择 MAC OS 开发环境 ?
‣ UI漂亮、操作简单、 ⾼高端⼤大⽓气上档次??? 为什么选择 MAC OS 开发环境 ?
‣ UI 为什么选择 MAC OS 开发环境 ?
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 基于Unix 集成
c/c++/java/perl/python/php/ruby/lisp
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 基于Unix 集成
c/c++/java/perl/python/php/ruby/lisp • brew install node
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 基于Unix 集成
c/c++/java/perl/python/php/ruby/lisp • brew install node • brew install git
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 基于Unix 集成
c/c++/java/perl/python/php/ruby/lisp • brew install node • brew install git • brew install unrar
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 基于Unix 集成
c/c++/java/perl/python/php/ruby/lisp • brew install node • brew install git • brew install unrar • brew cask install qq
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 较好的开发者⽣生态环境 ‣
基于Unix 集成 c/c++/java/perl/python/php/ruby/lisp • brew install node • brew install git • brew install unrar • brew cask install qq
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 较好的开发者⽣生态环境 ‣
基于Unix 集成 c/c++/java/perl/python/php/ruby/lisp ‣ 丰富的开发⼯工具、效率⼯工具、成熟的⼯工作流 • brew install node • brew install git • brew install unrar • brew cask install qq
‣ UI 为什么选择 MAC OS 开发环境 ? ‣ 较好的开发者⽣生态环境 ‣
基于Unix 集成 c/c++/java/perl/python/php/ruby/lisp ‣ 丰富的开发⼯工具、效率⼯工具、成熟的⼯工作流 ‣ Time Machine备份,⼏几乎没有病毒, 游戏稀少 • brew install node • brew install git • brew install unrar • brew cask install qq
内⺴⽹网 MAC 开发环境问题
内⺴⽹网 MAC 开发环境问题 == 可访问 == • 内网环境 • yahoo.com
/ gmail.com • twitter.com / facebook.com ‣ 内⺴⽹网WiFi
内⺴⽹网 MAC 开发环境问题 == 可访问 == • 内网环境 • yahoo.com
/ gmail.com • twitter.com / facebook.com ‣ 内⺴⽹网WiFi == 不能访问 == • 未配代理:Dropbox | Sublime Text Package Control | intellij IDEA Plugin • 不支持代理:Mail.app/Sparrow.app | 迅雷.app | Alfred Feedback • 命令行:node | python | wget | npm | ruby | curl • 非白名单的被认证网站:feedly.com | vimeo.com | gfwlist.autoproxy.org 1SPYJGJFSBQQ
None
MAC 前端开发效率⼯工具分享
* 快速启动 * 剪切板历史记录 * 快速翻译 * 常⽤用短语⽚片段 * Hosts切换
* Hosts管理 * 取⾊色⼯工具 * PhotoShop 联动 Alfred Gas Mask Frank DeLoupe * 强⼒力8合⼀一⼯工具 * iOS标注,预览 * ⾃自动刷新浏览器 * ⾃自动编译 * 配⾊色⼯工具 * 配⾊色预览 xScope Live Reload ColorSchem er Studio * 快速开发环境 * 代码⽚片段收藏 * 查阅⽂文档 * 短语快速扩展 * 多屏多窗⼝口管理 * 快捷键定位窗⼝口 Code Runner Dash Moom MAC 前端开发效率⼯工具分享
新项⺫⽬目流程
‣ grunt init - 初始化项⺫⽬目 新项⺫⽬目流程
‣ grunt init - 初始化项⺫⽬目 ‣ grunt less - less
-> yuicompress -> css 新项⺫⽬目流程
‣ grunt 2x2x - @2x 转 普清 ‣ grunt init
- 初始化项⺫⽬目 ‣ grunt less - less -> yuicompress -> css 新项⺫⽬目流程
‣ grunt 2x2x - @2x 转 普清 ‣ grunt init
- 初始化项⺫⽬目 ‣ grunt hellosprite - 合并雪碧图 ‣ grunt less - less -> yuicompress -> css 新项⺫⽬目流程
‣ grunt 2x2x - @2x 转 普清 ‣ grunt init
- 初始化项⺫⽬目 ‣ grunt copy - 创建发布⺫⽬目录 ‣ grunt hellosprite - 合并雪碧图 ‣ grunt less - less -> yuicompress -> css 新项⺫⽬目流程
‣ grunt 2x2x - @2x 转 普清 ‣ grunt init
- 初始化项⺫⽬目 ‣ grunt copy - 创建发布⺫⽬目录 ‣ grunt hellosprite - 合并雪碧图 ‣ grunt pngmin - 压缩png图⽚片 ‣ grunt less - less -> yuicompress -> css 新项⺫⽬目流程
‣ grunt 2x2x - @2x 转 普清 ‣ grunt init
- 初始化项⺫⽬目 ‣ grunt copy - 创建发布⺫⽬目录 ‣ grunt hellosprite - 合并雪碧图 ‣ grunt pngmin - 压缩png图⽚片 ‣ grunt watch - 监控⽂文件变动触发事件 ‣ grunt less - less -> yuicompress -> css 新项⺫⽬目流程
‣ grunt 2x2x - @2x 转 普清 ‣ grunt init
- 初始化项⺫⽬目 ‣ grunt copy - 创建发布⺫⽬目录 ‣ grunt hellosprite - 合并雪碧图 ‣ grunt pngmin - 压缩png图⽚片 ‣ grunt watch - 监控⽂文件变动触发事件 ‣ grunt ftp-deploy - 发布到内⺴⽹网服务器和外⺴⽹网体验 ‣ grunt less - less -> yuicompress -> css 新项⺫⽬目流程
None
MAC 效率⼯工具推荐
* 超赞的 Diff ⼯工具 * 精美的界⾯面 * 时间管理⼯工具 * 健康提醒⼯工具
* 番茄⼯工作法 * 图⽚片素材收集 * 素材管理 Kaleidoscope Break Time Sparkbox * 效率⼯工具 *类iOS Tip机制 * 临时栈 * ⽂文件操作 * Mac App 更新⼯工具 * 软件管家 Popclip Dropshelf MacUpdate * 多屏幕⿏鼠标切换 * 节省⿏鼠标轨迹 * Menu栏管理 * ⾃自定义图标排列 * 强迫症必备 * 快捷键提⽰示 * 键盘流的⺩王道 Catch Mouse Bartender CheatSheet MAC 效率⼯工具推荐
扩展 ‣ OS X Daily - http://osxdaily.com/ ‣ V2EX -
Mac OS 节点 - http://v2ex.com/go/macosx/
None
THANK YOU! @hzlzh