0

0

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

青灯夜游

青灯夜游

发布时间:2019-11-30 16:02:40

|

3791人浏览过

|

来源于savokiss

转载

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

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

网站篇

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/input/?i=a+or+b+and+b+or+c

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/

Copilot
Copilot

Copilot是由微软公司开发的一款AI生产力工具,旨在通过先进的人工智能技术,帮助用户快速完成各种任务,提升工作效率。

下载

VSCode 插件篇

Bracket Pair Colorizer

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

Bracket Pair Colorizer

Git Graph

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

Git Graph

GitLens

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

GitLens

Live Share

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

Live Share

推荐教程:vscode基础教程

CLI 工具篇

ngrok

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

https://ngrok.com/

serve

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

https://github.com/zeit/serve

tldr

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

https://tldr.sh/

fkill

强杀进程,跨平台。

https://github.com/sindresorhus/fkill-cli

如果你还有其他好用的工具,欢迎留言分享哦~

参考文章

18 DevTools for productivity

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

418

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

535

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

311

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

77

2025.09.10

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

830

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

743

2023.11.06

es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

103

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

195

2023.08.04

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

15

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Node.js 教程
Node.js 教程

共57课时 | 9.5万人学习

Rust 教程
Rust 教程

共28课时 | 4.9万人学习

Vue 教程
Vue 教程

共42课时 | 7.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号