我的 Mac 上都装了啥

仍记得多年前我买了自己第一台 Mac 的时候，第一时间就是去搜索「如何高效的使用 Mac」「Mac 上好用的 APP 推荐」类似这样的关键字，希望可以借助别人的一些经验来完善自己的 Mac ，这中间自己也尝试了很多，下面把我觉得好用的一些软件列一下。

编辑器和Terminal

编辑器已经从webstorm切到了vscode，vscode真的好用，所使用的的扩展有：

• Bracket Pari Colorizer 2
• BridleNSIS
• Debugger for Chrome
• ESLint
• GitLens
• HTML Snippets
• LeetCode
• Material Icon Theme
• npm
• open in browser
• output colorizer
• react native tools
• TODO Highlight
• vetur

终端使用的是iTerm2 配合 oh my zsh!

参考：iTerm2 + Oh My Zsh 打造舒适终端体验

开发辅助

• postman 接口联调
• Charles 抓包用，支持 https
• Google Chrome + Firefox + Safari，浏览器，调试用。Chrome启用的扩展有：
  • Redux DevTools 2.17.0
  • Allow-Control-Allow-Origin: * 1.0.3
  • Axure RP Extension for Chrome 0.6.3
  • Chrome Better History 3.50
  • EditThisCookie 1.5.0
  • FeHelper(前端助手) 2020.5.2810
  • Octotree 5.2.1
  • Placeholdifier 0.2.0
  • React Developer Tools 4.7.0 (5/18/2020)
  • Tag Assistant (by Google) 20.65.0
  • Vue.js devtools 5.3.3
  • 保护眼睛 2.1.3

一些好用的 git alias

st = status
co = checkout
cam = commit -a -m
p = push
pl = pull
cob = checkout -b
del = restore --staged
pure = pull --rebase
confall = config --global --list

画图

• OmniGraffle 用来画架构图
• xmind 思维导图

文字处理

• Typora markdown 高颜值简洁、支持多文件
• 有道云笔记 云端笔记同步

截图

• Xnip 可以进行标注，取色
• LICEcap 录屏、gif图
• 截图 顾名思义，腾讯出的截图工具

效率

• Alfred + Powerpack 应用启动、粘贴板管理、Workflow、Snippets 管理等
• Thor 一键直达应用
• magnet 窗口布局工具

其他

• f.lux 调节显示器色温，护眼，尤其是早上起来屏幕实在是刺眼
• 网易云音乐 不过最近歌单里被下架的歌有点多

通过 npm 安装

• projj github/gitlab 项目管理
• serve 本地静态服务器
• fkill 比 kill 好用的进程 killer
• qrcode-terminal 二维码生成
• fy 英汉互译

翻墙

• 服务商使用的是 shadowsocks，还算比较稳定，比较好的节点偶尔可以低至 30ms 的延迟。
• Mac 客户端使用的是TrojanX，手机方面目前没有翻墙的需求。

免费

• refiddle + regex101，调正则表达式
• 30 seconds of code，代码片段
• astexplorer，调 ast
• globtester，调 glob
• ghub.io，redirect to an npm package’s repository page
• unpkg，npm 包的 cdn 服务，可以查看 npm 包发布后的内容
• sketchboard + draw.io + MindMeister + Whimsical，在线画流程图
• HackMD，在线笔记，有 PPT 展示功能
• Slides，PPT 制作
• CodeSandbox + glitch + repl.it，在线代码编辑，前者支持 sandbox container，可以跑 npm scripts
• node.green，查询 NodeJS 的 ES2018 特性支持情况
• Can I use，查询浏览器的特性支持情况
• carbon，根据源码生成图片
• Tell me when it closes，github issue 关闭时发送邮件通知
• Package Diff，比较 npm 包两个版本直接的区别
• Firefox Send + ffsend，文件分享服务
• Cloud Convert，支持 218 种格式相互转换
• SVGR，SVG 转 React 组件
• （beta）Webpack config tool，webpack 配置工具
• 代码在线运行工具
• icomoon svg转font
• css triggers css样式详解及在各浏览器引擎下的支持情况

如果你有什么好用的软件或者黑科技也欢迎在下方留言告诉我~