乐趣区

关于前端:盘点那些真正能提升工作幸福度的小工具

盘点那些真正能晋升工作幸福度的小工具,都是我日常开发中常常应用的工具。包含 4 个维度:软件、终端、VScode 插件、Chrome 插件。

软件篇

Alfred

官网:www.alfredapp.com/

MAC OS 曾经自带 Spotlight,能够搜寻文件和疾速启动,Alfred 根底上优化了疾速启动与搜寻的性能,还引入了 Workflows 等弱小的扩大性能,使之成为了一个领有有限自动化后劲的「工具平台」软件,能够用它来实现近乎所有无关自动化的想法。

罕用性能:

  • 疾速启动 ,输出 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 是一个极简、插件化、跨平台的古代桌面软件。通过自在选配丰盛的插件,打造你得心应手的工具汇合。当你相熟它后,可能为你节约大量工夫。

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

你甚至能够用它帮你斗图!

Better Touch Tool

BTT 是一款 Mac 辅助利用,次要性能是强化 MAC Touch bar 的性能,除此之外能够用来代替默认的零碎操作形式(组合键、润饰键、手势等),其目标是不便用户发明出更适宜本身习惯的操作行为,同时也是是 Mac 上十分弱小的触摸板辅助工具:

  • 自定义零碎快捷键,能够通过快捷键或组合键的模式,这里我应用了 command + 数字键 疾速启动应用程序。
  • 针对不同软件,自定义 touch bar 按钮。

Sip

Sip 是一款屏幕取色软件,反对 CSS Hex, CSS3 HSL, CSS3 RGB 等十余种色彩制式,简直适宜任何开发或设计作为屏幕取色器:

色彩疾速调用坞 ,在创立多个调色板后,你能够发现在屏幕的左侧(也可抉择右侧)边缘,暗藏着你创立的多条调色板,当光标凑近他们时会弹出调色板,单击色块可疾速将数值拷贝进入剪贴板。

调色板 ,你能够在 Sip 的 Menubar 里创立多种调色板,实用于各种工程、情绪板中的色彩计划部署。

iPic

有了图床神器 iPic,不管屏幕截图、还是复制图片,都能够主动上传、保留 Markdown 格局的链接,间接粘贴插入,够懒人吧?

终端篇

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

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

Bracket Pair Colorizer

通过不同色彩辨别代码块。

Document This

疾速生成各种正文模板。

file-size

显示以后关上文件的大小。

Git History

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

Markdown PDF

Markdown 转 PDF,也反对其余格局,例如 png。

Path Intellisense

辨认引入文件门路。

Project Manager

项目管理神器。

Search node\_modules

帮你疾速查找到你曾经装置的 npm 包。

stylelint && eslint

对立团队代码标准必备。

x-translator

这是我集体开发的一款翻译插件,次要性能是:一键翻译 -> 抉择单词 -> 抉择命名规定 -> 替换。

Chrome 插件篇

Allow CORS: Access-Control-Allow-Origin

容许 CORS,你能够轻松地在 Web 应用程序中执行跨域 Ajax 申请。

Infinity 新标签页 (Pro)

Infinity 新标签页 Pro 让你能够自定义你的新标签页,在这个标签页下,能够保留一些罕用的书签。

Octotree – GitHub code tree

在 Github 的左侧呈现一个抽屉,能够不便的查看我的项目的目录。如果想不便的查看我的项目的源码,倡议应用 github1s 查看,能够通过地址栏上的 github.com 改为 github1s.com。

Window Resizer

调整浏览器窗口来模拟各种设施。

沙拉查词

全能网页划词翻译,开放源码、功能丰富、超多词典、清新疾速、反对个性化设置。

退出移动版