Fork me on GitHub
COLORFUL 一枚数字艺术家的自留地
2016 - 03 - 12

前两天看到 SegmentFault 运营专栏最新的工具控撰写活动,挺有意思的。我觉得整理这样一份自己工作中常用的工具清单还是有好处的,一来是检验自己有没有必先利其器,二来是通过这种分享的方式获得更多的神器推荐。

工具跟使用者的属性是有必然联系的,本文将从前端开发从业者的角度整理一份我自己的清单,大部分工具的使用平台为 OSX

我的工具格言

具不在多,够用就好。

编辑器及插件

名称 推荐理由 备注
ATOM / 编辑器本身
atom-beautify 编辑器代码美化 /
atomic-chrome 使用 atom 编辑页面中的输入框内容 /
atomic-emacs emacs 快捷键绑定 Ctrl+x 3 分屏的赶脚爽多了
autocomplete 自动完成 必备
autoprefixer 自动前缀 css3 必备
colorpicker 颜色拾取 在编辑器中使用频率不高
codeif 命名神器 听奏写的变量命名服务
emmet 前端开发神器 https://docs.emmet.io/cheat-sheet/
terminal-plus 编辑器集成终端 打造 ide 的前奏
file-icons 文件图标显示 不装逼,很实用

OSX 工具集

名称 推荐理由 备注
Alfred 快启神器 不多说了
Tmux 终端分屏 神器属性爆表
oh-my-zsh zsh 增强版 神器属性爆表
Gitbook Editor 写书用 /
Spectacle 窗口按指定位置摆放 /
微信 Web 开发者工具 微信开发必备 /
Dash 手册仓库 神器属性爆表
AssitorPS 切图辅助 神器属性爆表
Macdown Markdown 编写 体验佳

Chrome 插件

名称 推荐理由 备注
postman 必备神器 /
Avatars for Github Github 的动态上显示头像 /
DevTools Author 在 chrome 的 Sources, console 等面板美化代码显示 /
Google 绘图 画 UML 咯 /
Isometric Contributions 以 3d 柱状图显示 Github Contributions /
JSON-handle json 编辑神器 /
JSONView json 查看神器 /
Lastpass 密码管理 /
Momentum 壁纸,TODO /
Octotree 在 Github 左侧显示项目的 Tree 阅读和学习开源项目的神器
OneTab 不多说了,节省资源神器  
React Developer Tools React 开发必备  
Vimium vim 快捷键操作浏览器 神器属性爆表
WEB 前端助手 (FeHelper) 常用工具箱 国产优秀插件
划词翻译 很方便  
稀土掘金 掘金社区 Co-Editor 必备  
Xmarks 浏览器收藏夹同步 必备良品

CLI 增强

名称 推荐理由 备注
caniuse-cmd caniuse 命令行版 实用