盘点那些真正能提升工作幸福度的小工具

偏执的太偏执、 2022-10-06 10:46 82阅读 0赞

点击上方 前端瓶子君，关注公众号

回复算法，加入前端编程面试算法每日一题群

![e7b144efba54e4f1991c4bcc77395bd7.png][]

盘点那些真正能提升工作幸福度的小工具，都是我日常开发中经常使用的工具。包括4个维度：软件、终端、VScode插件、Chrome插件。

## 软件篇 ##

### Alfred ###

官网：www.alfredapp.com/

MAC OS 已经自带 Spotlight，可以搜索文件和快速启动，Alfred 基础上优化了快速启动与搜索的功能，还引入了 Workflows 等强大的扩展功能，使之成为了一个拥有无限自动化潜力的「工具平台」软件，可以用它来实现近乎一切有关自动化的想法。

![9903d965cf8a2b08e613d270d5c33b31.png][]

常用功能：

*  **快速启动**，输入 APP 名称快速启动。
 *  **计算器**，直接在操作界面上输入简单的运算。
 *  **浏览器收藏夹搜索**，通过 Web Bookmarks 开启你正在使用的浏览器收藏夹搜索。
 *  **自定义搜索**，通过 Features > Web Search 增加：
 *   *  NPM: www.npmjs.com/search?q=\{q…
     *  GitHub: github.com/search?q=\{q…
     *  Can I Use: caniuse.com/?search=\{qu…
 *  **Workflows**，你能想到的工作流，这里几乎都有，这里推荐几个好用的：
 *   *  Youdao Translate，有道翻译。
     *  IP Address，查询 IP。
     *  Faker，快速帮你生成一些假数据。
     *  Kill Process，关闭进程。
     *  CodeVar，改变单词的命名规范。

### uTools ###

uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。当你熟悉它后，能够为你节约大量时间。![3b01ad45941af9bb3c293b1ed6945406.png][]

*  聚合搜索
 *  iconfont 搜索
 *  图床
 *  二维码生成器
 *  图片转文字
 *  图片压缩
 *  各种文档

你甚至可以用它帮你斗图！

### Better Touch Tool ###

![31673822fa416cbff5bad82184e0ae55.png][]

BTT 是一款 Mac 辅助应用，主要功能是强化 MAC Touch bar的功能，除此之外可以用来代替默认的系统操作方式（组合键、修饰键、手势等），其目的是方便用户创造出更适合自身习惯的操作行为，同时也是是 Mac 上非常强大的触摸板辅助工具：

*  自定义系统快捷键，可以通过快捷键或组合键的形式，这里我使用了 command + 数字键 快速启动应用程序。
 *  针对不同软件，自定义 touch bar 按钮。

### Sip ###

![1e522885cb2de450063cb696347a68a2.png][]

Sip 是一款屏幕取色软件，支持 CSS Hex, CSS3 HSL, CSS3 RGB 等十余种颜色制式，几乎适合任何开发或设计作为屏幕取色器：

![5e434da05c2b9b13bffbf3815d7e3b1c.png][]

**颜色快速调用坞**，在创建多个调色板后，你可以发现在屏幕的左侧（也可选择右侧）边缘，隐藏着你创建的多条调色板，当光标靠近他们时会弹出调色板，单击色块可快速将数值拷贝进入剪贴板。![034a3ff87027fe4706e24a2c459cde9e.png][]

**调色板**，你可以在 Sip 的 Menubar 里创建多种调色板，适用于各种工程、情绪板中的颜色方案部署。![ec0252b310b8b6d5e5ce2caace741be4.png][]

### iPic ###

有了图床神器 iPic，不论屏幕截图、还是复制图片，都可以自动上传、保存 Markdown 格式的链接，直接粘贴插入，够懒人吧？

![a38dd8b8c337979f022019d0f7043ede.png][]

## 终端篇 ##

### iTerm2 ###

Mac 上首选用来替换默认终端的，它拥有超过的特性，比如：分割面板、快捷键增强、优化的搜索、自动完成、粘贴历史、高度可配置等等，并且拥有超多的主题。

Windows 可以考虑 Terminal，微软这么多年终于意识到自家的终端实在是太简陋，现在可以抛弃掉 cmder、cygwin 了。

### Oh My Zsh ###

Oh My Zsh 主要用于简化 zsh 的配置，自带并支持超多有用的插件。

> Oh My Zsh will not make you a 10x developer...but you may feel like one.

借鉴官网上的这句话，他可能会让你觉得自己快的要起飞。

以下的插件是你务必要装上试一试的：

*  z: 切换目录快到飞起
 *  git: 简洁的 git 指令
 *  zsh-syntax-highlighting: 语法高亮
 *  zsh-autosuggestions: 智能提示

### The Fuck ###

我不是在骂人，The Fuck 这名字真的是精髓。

在终端下是不是经常输错命令? The Fuck 是一款了不起的工具，帮你彻底解决这个问题，当你输错命令后，只要输入 fuck 命令，它会帮你自动纠正错误！

开发者如果是个国人的话，我估计他会起名叫 The Wocao ...

## VSCode 插件篇 ##

### any-rule ###

你想要的正则可能都在这里。

![7350c2ad65e1242dd31cd1ede94d2fc0.gif][]

### Bracket Pair Colorizer ###

通过不同颜色区分代码块。

![c51ea7c022911ca8b1672e7fc49e9978.png][]

### Document This ###

快速生成各种注释模板。

![6a8906d33ea8d5ab1d3efdf6bb5a0ee1.gif][]

### file-size ###

显示当前打开文件的大小。

![d89b4587044607c440cb26b4860de477.png][]

### Git History ###

方便查看 Git 历史提交记录。

### Markdown PDF ###

Markdown 转 PDF，也支持其他格式，例如 png。

![ed278e2ee7f0d8efda00a9ad7e928754.gif][]

### Path Intellisense ###

识别引入文件路径。

![132eaf076efe6cdef2b1adfd4eb1b5ab.gif][]

### Project Manager ###

项目管理神器。

![8227a07ee368adf7e2007e87a25a4ba2.png][]

### Search node\_modules ###

帮你快速查找到你已经安装的 npm 包。

![a625ea2dbc5c7b487e00939de87a8357.gif][]

### stylelint && eslint ###

统一团队代码规范必备。

### x-translator ###

这是我个人开发的一款翻译插件，主要功能是：一键翻译->选择单词->选择命名规则->替换。

![522cd1ab2fa26bfc3ffdf0021ae58fd5.gif][]

## Chrome 插件篇 ##

### Allow CORS: Access-Control-Allow-Origin ###

允许CORS，你可以轻松地在 Web 应用程序中执行跨域 Ajax 请求。

![d6708c4c22fbf9591536d6853c784334.png][]

### Infinity 新标签页 (Pro) ###

Infinity 新标签页 Pro 让你可以自定义你的新标签页，在这个标签页下，可以保存一些常用的书签。

![66124028f32898155c7211a9e970ee12.png][]

### Octotree - GitHub code tree ###

在 Github 的左侧出现一个抽屉，可以方便的查看项目的目录。如果想方便的查看项目的源码，建议使用 github1s 查看，可以通过地址栏上的 github.com 改为 github1s.com。

![c53d4d5fb8be8f84ce017d7dfa662c79.png][]

### Window Resizer ###

调整浏览器窗口来模仿各种设备。

![7f801226f3d37731ce74e38ea24ed468.png][]

### 沙拉查词 ###

全能网页划词翻译，开放源码、功能丰富、超多词典、清爽快速、支持个性化设置。

![73ab008692a5a7146460c2447eb3a98a.png][]

关于本文

# 作者：codexu #

https://juejin.cn/post/6969765277252714503

## 最后 ##

欢迎关注【前端瓶子君】✿✿ヽ(°▽°)ノ✿

回复「算法」，加入前端编程源码算法群，每日一道面试题（工作日），第二天瓶子君都会很认真的解答哟！

回复「交流」，吹吹水、聊聊技术、吐吐槽！

回复「阅读」，每日刷刷高质量好文！

如果这篇文章对你有帮助，「在看」是最大的支持

》》面试官也在看的算法资料《《

“在看和转发”就是最大的支持

[e7b144efba54e4f1991c4bcc77395bd7.png]: /images/20221005/139513e52ff14f2097481de071ee4201.png
[9903d965cf8a2b08e613d270d5c33b31.png]: /images/20221005/dddb4742890544bfb3e12c9925f1ab96.png
[3b01ad45941af9bb3c293b1ed6945406.png]: /images/20221005/f543d283b94c49648624815af5e8cbc7.png
[31673822fa416cbff5bad82184e0ae55.png]: /images/20221005/33b508f3d9204d64b2dd9d0e3cdc7280.png
[1e522885cb2de450063cb696347a68a2.png]: /images/20221005/28cf325bc0a04dafa6ae01e074385a1d.png
[5e434da05c2b9b13bffbf3815d7e3b1c.png]: /images/20221005/dbd541a4bc9c4c7c9279bf4ff278bcd8.png
[034a3ff87027fe4706e24a2c459cde9e.png]: /images/20221005/6250ff37c3204f268b575d888159ce7d.png
[ec0252b310b8b6d5e5ce2caace741be4.png]: /images/20221005/16281e4087d648f9bcbf61c92cbedb97.png
[a38dd8b8c337979f022019d0f7043ede.png]: /images/20221005/b56ef1e0443848b9956f435caf82f7b3.png
[7350c2ad65e1242dd31cd1ede94d2fc0.gif]: /images/20221005/7e00ede391ef461aa197472f1615b240.png
[c51ea7c022911ca8b1672e7fc49e9978.png]: /images/20221005/3ce091db63dc47fab6008139b5d9d4f3.png
[6a8906d33ea8d5ab1d3efdf6bb5a0ee1.gif]: /images/20221005/6603b1bc5c4d43ee93d5e5bec4790876.png
[d89b4587044607c440cb26b4860de477.png]: /images/20221005/a180dda47b8942ae993875b88f5dbb84.png
[ed278e2ee7f0d8efda00a9ad7e928754.gif]: /images/20221005/7b931bfe7f954daa9d1276e29ca6c155.png
[132eaf076efe6cdef2b1adfd4eb1b5ab.gif]: /images/20221005/4b52127c64c54bcebe0057064787a18a.png
[8227a07ee368adf7e2007e87a25a4ba2.png]: /images/20221005/b39c4e844d57443c8ea53bf71a11b958.png
[a625ea2dbc5c7b487e00939de87a8357.gif]: /images/20221005/7d5decfdaaa149cfa3d7f0075d14ea0a.png
[522cd1ab2fa26bfc3ffdf0021ae58fd5.gif]: /images/20221005/44b335e196d54c57b326dd5c12de539f.png
[d6708c4c22fbf9591536d6853c784334.png]: /images/20221005/c092797409bb41d59a7261c8eff1cff0.png
[66124028f32898155c7211a9e970ee12.png]: /images/20221005/2318515963d6407db7d92957ea0ca48b.png
[c53d4d5fb8be8f84ce017d7dfa662c79.png]: /images/20221005/aeddae1fd33445ecaceb68b92d7011d1.png
[7f801226f3d37731ce74e38ea24ed468.png]: /images/20221005/fae30217885546d9ac4c340e2743ddfe.png
[73ab008692a5a7146460c2447eb3a98a.png]: /images/20221005/8adb0ae8c4a34162b03dff4b6ef98f4b.png