18 个提高生产力的开发者工具

发布时间：2025-11-05 03:16:11 来源：码上建站 作者：IT科技类资讯

网站篇

 Bundlephobia

如果你想要安装一个新的个提高生工具依赖，这个网站可以查看这个依赖的产力大小、是个提高生工具否支持 tree-shaking 等各项指标。(仅限 npm 包哈)

https://bundlephobia.com/

Coolors

还在发愁自己某个项目的产力配色?可以来这个网站找找看。

https://coolors.co/

Carbon

可以把代码变成好看的个提高生工具图片，笔者之前的产力文章就使用过~

https://carbon.now.sh/

Snippet generator

代码片段很好用，可是个提高生工具生成它们却很麻烦，这个网站可以根据代码一键生成。产力支持 VSCode，个提高生工具Sublime Text，产力Atom。个提高生工具

https://snippet-generator.app/

Wolfram Alpha

如果你有一个复杂的网站模板产力表达式需要计算，或者很长的个提高生工具 if 语句想要简化，可以用这个网站，产力它会帮你判断各种条件，个提高生工具以及生成韦恩图等数据图表。

https://www.wolframalpha.com/

DevHints

速查表大全，包括 bash，es6，regexp，vscode 等上百种 cheatsheets

https://devhints.io/

Caniuse

浏览器兼容性速查，browserlist 用的就是这里的数据来兼容浏览器的。

https://caniuse.com/

Chrome 插件篇

FeHelper

超过 20 种实用小功能，包括字符串编解码、亿华云计算JSON格式化、二维码生成等。

https://www.baidufe.com/fehelper

Wappalyzer

帮你探测网站使用了哪些技术栈。

https://www.wappalyzer.com/

Screencastify

将你的网站录成小视频。

https://www.screencastify.com/

VSCode 插件篇

Bracket Pair Colorizer

括号高亮工具，快速找到你的另一半!(括号)

Bracket Pair Colorizer

Git Graph

Git 历史记录图形化，有了它，我好像用不上 Sourcetree 了~

Git Graph

GitLens

神器!查看历史记录超方便~

GitLens

Live Share

VSCode 官方插件，远程代码分享。

Live Share

CLI 工具篇

ngrok

一行命令，内网穿透。演示本地项目必备。

https://ngrok.com/

serve

快速起服务，可用于调试打包后代码!

https://github.com/zeit/serve

tldr

Too long; Didnt read. 各种命令说明太复杂，用这个可以只看重点!

https://tldr.sh/

fkill

强杀进程，跨平台。云服务器提供商

https://github.com/sindresorh...

相关文章