前两天看到SegmentFault运营专栏最新的工具控撰写活动,挺有意思的。我觉得整理这样一份自己工作中常用的工具清单还是有好处的,一来是检验自己有没有必先利其器,二来是通过这种分享的方式获得更多的神器推荐。
工具跟使用者的属性是有必然联系的,本文将从前端开发从业者的角度整理一份我自己的清单,大部分工具的使用平台为OSX
我的工具格言
具不在多,够用就好。
编辑器及插件
名称 |
推荐理由 |
备注 |
ATOM |
/ |
编辑器本身 |
atom-beautify |
编辑器代码美化 |
/ |
atomic-chrome |
使用atom编辑页面中的输入框内容 |
/ |
atomic-emacs |
emacs快捷键绑定 |
Ctrl+x 3分屏的赶脚爽多了 |
autocomplete |
自动完成 |
必备 |
autoprefixer |
自动前缀 |
css3必备 |
colorpicker |
颜色拾取 |
在编辑器中使用频率不高 |
codeif |
命名神器 |
听奏写的变量命名服务 |
emmet |
前端开发神器 |
http://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命令行版 |
实用 |