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

开发 开发工具
本篇介绍一些提高生产力的工具,包括网站、浏览器插件、VSCode插件和命令行工具~

[[283309]]

网站篇

 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; Didn't read. 各种命令说明太复杂,用这个可以只看重点!

https://tldr.sh/

fkill

强杀进程,跨平台。

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

责任编辑:华轩 来源: segmentfault
相关推荐

2023-07-04 09:00:00

开发SPACE框架

2023-07-07 14:51:34

2019-05-20 10:30:00

开发人员生产力类工具软件项目

2020-03-08 21:37:13

JavaScript前端工具

2021-02-24 13:41:17

Java开发者工具

2013-03-21 10:51:06

开发者代码质量开发经验

2023-02-13 08:34:26

Linux键盘快捷键

2020-12-07 06:22:05

MyBatisPlus开发MP

2023-01-09 15:28:55

2020-10-28 10:25:11

云端云计算云迁移

2023-12-31 12:11:07

AI工具人工智能

2022-03-04 11:22:37

Vim编辑器编辑文件

2020-07-24 07:00:00

Scrum工具

2020-06-02 14:02:22

Linux生产力工具文件

2022-01-10 10:45:16

大数据大数据动向数据技术

2012-03-07 09:41:01

Java

2023-04-06 09:53:21

Harbor企业级服务

2024-04-01 14:24:05

数字信任人工智能

2023-04-10 14:49:35

Web应用程序工具

2016-04-01 09:57:37

点赞
收藏

51CTO技术栈公众号