本篇介绍一些提高生产力的工具，包括网站、浏览器插件、VSCode插件和命令行工具~
网站篇
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/
VSCode 插件篇
Bracket Pair Colorizer
括号高亮工具，快速找到你的另一半！（括号）
Git Graph
Git 历史记录图形化，有了它，我好像用不上 Sourcetree 了~
GitLens
神器！查看历史记录超方便~
Live Share
VSCode 官方插件，远程代码分享。
推荐教程：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 个提高生产力的开发者工具的详细内容。更多信息请关注PHP中文网其他相关文章！
使用VSCode编写JavaScript代码的最佳实践May 15, 2025 pm 09:45 PM在VSCode中编写JavaScript代码的最佳实践包括：1)安装Prettier、ESLint和JavaScript(ES6)codesnippets扩展，2)配置launch.json文件进行调试，3)使用现代JavaScript特性和优化循环来提高性能。通过这些设置和技巧，你可以在VSCode中更高效地开发JavaScript代码。
利用VSCode进行代码的版本回退操作May 15, 2025 pm 09:42 PM在VSCode中可以使用Git进行代码版本回退。1.使用gitreset--hardHEAD~1回退到上一个版本。2.使用gitreset--hard回退到特定提交。3.使用gitrevert安全回退而不改变历史记录。
VSCode插件市场的使用技巧与推荐May 15, 2025 pm 09:39 PM要更好地利用VSCode插件市场，首先使用高级搜索功能筛选插件，其次安装和卸载插件，最后充分利用插件功能并定期维护。1.使用关键词和高级搜索功能（评分、下载量、发布日期）筛选插件。2.点击“Install”安装插件，点击“Uninstall”卸载插件。3.推荐使用Prettier、GitLens和LiveShare插件，并定期审查和更新插件以优化性能。
解决VSCode中Git提交冲突的有效方法May 15, 2025 pm 09:36 PM在VSCode中处理Git提交冲突可以通过以下步骤高效解决：1.识别冲突文件，VSCode会用红色高亮显示。2.手动编辑冲突标记间的代码，决定保留、删除或合并。3.保持分支小而专注，减少冲突发生。4.使用GitLens扩展理解代码历史。5.利用VSCode内置Git命令，如gitmerge--abort或gitreset--hard。6.避免依赖自动合并工具，仔细检查合并结果。7.删除所有冲突标记，避免编译错误。通过这些方法和技巧，你可以在VSCode中高效处理Git冲突。
如何在VSCode中手动安装插件包May 15, 2025 pm 09:33 PM在VSCode中手动安装插件包的步骤是：1.下载插件的.vsix文件；2.打开VSCode并按Ctrl Shift P（Windows/Linux）或Cmd Shift P（Mac）调出命令面板；3.输入并选择Extensions:InstallfromVSIX...，然后选择.vsix文件并安装。手动安装插件提供了一种灵活的安装方式，特别是在网络受限或插件市场不可用时，但需要注意文件安全和可能的依赖问题。
在VSCode中运行Ruby代码的环境配置May 15, 2025 pm 09:30 PM在VSCode中配置Ruby开发环境需要以下步骤：1.安装Ruby：从官方网站或使用RubyInstaller下载并安装。2.安装插件：在VSCode中安装CodeRunner和Ruby插件。3.设置调试环境：安装DebuggerforRuby插件，并在.vscode文件夹下创建launch.json文件进行配置。这样，你就可以在VSCode中高效地编写、运行和调试Ruby代码。
批量安装VSCode插件的高效方法May 15, 2025 pm 09:27 PM批量安装VSCode插件的高效方法是使用命令行工具。具体步骤包括：1.导出插件列表：运行code--list-extensions>extensions.txt。2.批量安装插件：运行catextensions.txt|xargs-n1code--install-extension，这样可以轻松在不同环境间同步插件配置。
在VSCode中查看Git历史记录和更改May 15, 2025 pm 09:24 PM在VSCode中查看Git历史记录和更改的方法包括：1.打开VSCode，确保项目已初始化Git仓库。2.点击左侧边栏“源代码管理”图标。3.选择“...（更多选项）”并点击“Git:ShowGitOutput”。4.查看提交历史和文件更改。5.右键文件选择“Git:ShowFileHistory”查看文件更改历史。通过这些步骤，你可以在VSCode中高效地查看Git历史记录和更改，提升开发效率。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境
SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合，这些列表在安全评估过程中经常使用，都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表，帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上，他就可以访问到所需的每种类型的列表。
Atom编辑器mac版下载
最流行的的开源编辑器
MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中，你可以继续在那里关注我们。MinGW：GNU编译器集合（GCC）的本地Windows移植版本，可自由分发的导入库和用于构建本地Windows应用程序的头文件；包括对MSVC运行时的扩展，以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。
螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具，用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。
