|
代码编辑：ST2+ 图片编辑：PS3+ 取色尺子：马克鳗 代码比较：BCompare 思维导图：Xmind 保存刷新：LiveLoad 分屏开发：UltraMon（分屏能够提升15%的效率） 反向代理：Fiddler2 浏览器：Chrome的canary版本（同一电脑可以安装两个版本的Chrome，一个开发，一个正常使用） 构建工具：grunt，ant，shell等
前端开发只注重这几条：
1、开发软件启动速度快
2、界面简洁，可视范围大
3、文件列表清晰，能方便的连接sftp进行文件修改
4、有默认的素材可以提高一些效率
5、方便的切换折行与不折行
6、支持文件模板
7、语法高亮、匹配括号
8、显示tab标记，不显示空格标记与换行标记
9、支持重新载入文件（服务器更新后代码可能会更新，需要重新载入文件）
10、方便的切换文件格式与文件编码
一定要快！简洁！强大！
以下是软件：
Filezilla：Sftp上传工具
EditPlus 3：最好的写代码工具，还能与系统集成，右键-“使用Editplus打开”。尝试过sublime、Coda、textmate、eclipse、intellij（webstorm）、aptana、notepad++、dreamweaver……全都不理想
Firefox、Chrome、Safari：Mac上首选safari、windows上首选Chrome
photoshop：切图需要
VMware Player：免费，快速（Mac用 VMware fusion替代，收费）别用IEtester，坑爹
WebStorm（PHPStorm）：用来检测HTML问题（比如用来查找未闭合的标签）
FastStone Capture：见过的最好的屏幕尺子工具，带取色、截屏、尺子
iChm：mac上读chm文件的软件，windows下忽略。一定要配上一本chm手册
我现在几乎全部在 chrome 下调试：
主要使用 chrome 自带的开发者工具，很强大。
另外推荐一个我自己写的 chrome 插件， css auto reload , 在写 css 的阶段，可以减少你不断的切换窗口的麻烦
除去 Chrome Developer tools 以外，常用的还有下面这些：Fetcher: 一个 HTTP Client，可以发送各种 HTTP 请求，用来调试 API 很方便 https://itunes.apple.com/us/app/fetcher/id440113616?mt=12Charles: Mac 下的 Fiddler，比 Fiddler 还好用些，目前不支持 Retina 屏幕，略挫 Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse ProxyFrank DeLoupe: 支持 Retina 的屏幕拾色器，吐血推荐 Frank DeLoupexScope: 每个前端工程师心中都有一把尺子 xScopeSynergy: 在多台电脑间共享键盘和鼠标，只有一个系统一台显示器的前端工程师不是好厨子 SynergyKaleidoscope: 最好用的 Diff 工具，没有之一 KaleidoscopeiA Writer: Markdown 写文档的工具，开始写文档的那天就是一个前端工程师走向成熟的标志 iA Writer for MacTower: Git 的 GUI 工具，支持 GitHub，而且比 GitHub 自己的客户端功能要强大，推荐使用 Git 又对 terminal 命令没有强迫症的人使用 Tower - The most powerful Git client for MacDash: 各种语言和工具、框架的文档 https://itunes.apple.com/us/app/dash-docs-snippets/id458034879?mt=12指列举了一些常用的开发工具，还有很多 productivity 类的和编辑器就木有写了，看个人喜好。=============================== 2014.8.15 更新不知道为啥这么老的问题最近又被翻出来了...那就顺手更新一下吧。Fetcher 替换成了 Postman: 尤其是 Packaged App 的版本，功能上比 Fetcher 有很大提升 https://chrome.google.com/webstore/detail/postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm?hl=eniTerm2 + oh my zsh: 终端其实对前端开发并不是必须的东西，完全不用也有各种 GUI 工具可以帮助你完成任务，但是用过的人才知道这个看起来最原始的东西却能极大提高生产力。而 iTerm2 + oh my zsh 的组合才是真正给人用的终端，称为神器应该没人反对吧？iTerm2 - Mac OS Terminal Replacement, robbyrussell/oh-my-zsh · GitHubSkitch: 其实截图工具在 QQ 有了 Mac 版本之后就不是那么重要了，但是 Skitch 却始终在我的工具名单上，除了强大的标注功能外，还能和 Evernote 整合，一旦习惯了就很难离开。Skitch | EvernoteArchy: 严格来讲 Archy 是一个 productivity 类的软件，之前说了这个答案只推荐前端开发相关的工具，但是鉴于文档和开发息息相关，还是把它写上来了。重度依赖 Google Drive 的人会爱上这个工具的。Archy - Rediscover Google DriveControlPlane: 最初用这个 app 是想在不同的 Wi-Fi 环境下自动切换 location 达到不用手动切换代理的目的，后来发现这个 app 的功能非常强大，拿来模拟各种网络环境、切换测试网络等等都是可以的，玩法多样，大家自己探索吧。ControlPlane
|