开发人员实用工具
有用的开发者工具
添加 gitignore
有用的开发者工具
更完整的帖子:https://github.com/lucasgdb/useful-dev-tools并帮助贡献和成长!
以下一些工具在我需要时帮了我大忙。如果您知道更多工具,并且愿意为开发者社区提供帮助,欢迎随时添加更多工具。请为您了解的有用工具提交 Pull 请求或创建问题。
网络工具🌐
Web 工具 | 描述 |
---|---|
键码信息 | JavaScript KeyCodes 的简易可视化工具。 |
碳 | 创建并分享源代码的精美图像。 |
开发提示 | Rico 的备忘单。 |
Netlify | 构建、部署和管理现代 Web 项目。 |
GitHub | GitHub 是一个受您的工作方式启发的开发平台。 |
GitHub 页面 | 为您和您的项目建立的网站(静态项目。) |
要旨 | 立即共享代码、注释和片段。 |
吉特 | Gitter 是一个聊天和网络平台,可通过消息、内容和发现帮助管理、发展和连接社区。 |
DevHub | GitHub 的 TweetDeck。查看仓库活动,并通过创建带有过滤器的列来管理通知,保存项目以供日后查看等等。 |
Trello | Trello 的板、列表和卡片使您能够以有趣、灵活且有益的方式组织和确定项目的优先顺序。 |
泰加 | Taiga 是一个项目管理平台,面向敏捷开发人员、设计师和项目经理,他们想要一个让工作真正愉快的漂亮工具。 |
概念 | 用于您的笔记、任务、wiki 和数据库的一体化工作区。 |
选择许可证 | 开源许可证保护贡献者和用户的权益。企业和精明的开发者不会接触没有这种保护的项目。 |
JS油漆 | 它是 MS Paint 的基于网络的重制版。 |
svgomg | SVGO 的 Web GUI。 |
HTML 压缩器 | 缩小标记中包含的 HTML 和任何 CSS 或 JS。 |
CSS 压缩器 | 使用 CSS 压缩器压缩 CSS(CSS 1、CSS 2、CSS 2.1 和 CSS 3)以减少 CSS 代码大小并加快您的网站加载速度。 |
JS 压缩机 | 它是一个在线 JavaScript 压缩器,允许您将所有 JS 文件压缩并缩小至原始大小的 80%。 |
网页调整器 | 加快照片拍摄速度。(步骤 1) |
JPEG 和 PNG 压缩器 | 加快照片拍摄速度。(步骤 2) |
TinyPNG | 智能 PNG 和 JPEG 压缩。 |
MarkDown 编辑器 | 实时(GitHub 风格)Markdown 编辑器。 |
开发文档 | API 文档并可离线工作。 |
MDN 文档 | 由开发人员为开发人员提供的资源。 |
DigitalOcean | 它让您可以轻松地在云中启动并随着您的成长而扩展 - 无论您运行的是一台虚拟机还是一万台虚拟机。 |
正则表达式101 | 正则表达式的验证器。 |
正则表达式 | 正则表达式解析器 |
自由格式化程序 | Java 的正则表达式验证器 |
Gitignore.io | 旨在帮助您为 Git 存储库创建 .gitignore 文件的 Web 服务。 |
Git 浏览器 | 无需浏览网页即可找到正确的 git 命令。 |
JSONLint | JSON 的验证器和重新格式化器。 |
常规提交 | 提交消息之上的轻量级约定。 |
DB Fiddle | 一个用于测试、调试和共享 SQL 代码片段的在线 SQL 数据库平台。支持 MySQL、PostgreSQL 和 SQLite。 |
我可以使用 | “我可以使用”提供了最新的浏览器支持表,用于支持桌面和移动网络浏览器上的前端网络技术。 |
转换 | “Convertio”是一款简单的免费文件格式转换器,可以帮助您创建 PNG、JPEG 和 PDF 文件。 |
部署者 | PHP 的部署工具。 |
论文Js | 在 HTML5 Canvas 上运行的开源矢量图形脚本框架。 |
CodeKit | 使用此工具,可以更快地完成 Web 应用程序开发工作,因为它可以缩小、合并和检查 JavaScript 的语法。 |
CyberChef | 网络瑞士军刀 - 用于加密、编码、压缩和数据分析的网络应用程序。 |
Wappalyzer | 识别网站上使用的技术。 |
ColorZilla | 高级吸管、颜色选择器、渐变生成器。 |
获取 Waves | 为您的下一个设计创建 SVG 波浪。 |
数据库图表 | 一个免费的、简单的工具,只需编写代码即可绘制 ER 图。 |
部署机器人 | 为整个团队在一个一致的流程中随时随地构建和发送代码。 |
CPF 和 CNPJ 枪 | 非常适合测试。 |
CSS参考 | cssreference.io 是一个免费的 CSS 可视化指南。它涵盖了最常用的 CSS 属性,并通过图文并茂的动画示例进行讲解。 |
W3学校 | 全球最大的网络教程网站。 |
HTML清理器 | 免费的 HTML、CSS 和 JavaScript 美化器。 |
请求箱 | 检查 HTTP 事件、webhook 等。 |
女邮递员 | Api 请求构建器。 |
P5.js | 基于 Processing 的核心原则,用于创建图形和交互式体验的 JS 客户端库。 |
赫罗库 | 完全在云中构建、运行和部署应用程序。 |
Firebase | 适用于跨平台应用程序的 Google SaaS 后端解决方案 |
Figma | Figma 是一款基于云的设计工具,其功能和特性与 Sketch 类似,但有很大的不同,使得 Figma 更适合团队协作。 |
AWS | Amazon Web Services,一个按需云计算平台。 |
复制 | 强大而简单的在线编译器、IDE、解释器和 REPL |
Git 分支 | 这款应用旨在帮助初学者学习 git 分支背后的强大概念。希望您喜欢这款应用,甚至有所收获!——边学边做! |
堆栈溢出 | Stack Overflow 是一个面向所有编程爱好者的开放社区。它能帮你解答最棘手的编程问题,与同事私下分享知识,并帮助你找到下一份理想的工作。 |
安尼米斯塔 | 按需 CSS 动画 |
Hacktoberfest 检查器 | 一个了解 hacktoberfest 参与者 PR 计数的网站。 |
照片 | 一款在线图片编辑器。与 Photoshop 非常相似。 |
波顿 | 用于演示的视频制作器。 |
昂首阔步 | 用于创建交互式 Rest API 文档的在线 swagger 编辑器。 |
AWS Cloud9 | AWS Cloud9 是一个基于云的集成开发环境 (IDE),让您只需使用浏览器即可编写、运行和调试代码。 |
大文本 | 将文本转换为大文本就像您想象的一样简单。 |
Frisby.js | 最简单的 REST API 测试框架。 |
JSON 在线编辑器 | JSON 在线编辑器是一款基于 Web 的工具,用于查看、编辑和格式化 JSON。它以清晰可编辑的树形视图和代码编辑器并排显示您的数据。 |
CodePen | 用于测试和共享 HTML、CSS 和 JavaScript 代码片段的在线社区。 |
桌面工具🖥
桌面工具 | 描述 |
---|---|
VSCode | 微软出品的一款富文本编辑器,可以提升你的工作流程。(我超爱它 <3) |
VSCodium | VSCode 的开源二进制文件。 |
Sublime Text | 用于代码、标记和散文的复杂文本编辑器。 |
原子 | 21 世纪可破解的文本编辑器。 |
失眠 | 像人类一样调试 API,而不是像机器人一样。 |
邮差 | Postman 简化了 API 开发。 |
时代,现在 | 全球无服务器平台。(CLI) |
特工洗劫 | Agent Ransack 是一种文件搜索工具,用于查找您的 PC 或网络驱动器上的文件。 |
Fiddler | 适用于任何浏览器、系统或平台的 Web 调试代理。 |
自制 | macOS(或 Linux)缺少软件包管理器。 |
pgAdmin | 适用于 MacOS 的全功能 PostgreSQL 安装。 |
iTerm2 | 用于替代终端的 macOS 终端模拟器。 |
Robo 3T | 用于编辑和查看 MongoDB 数据的 GUI。 |
GitHub 桌面 | GitHub 的 GUI。 |
CodeLobster | 它是一个免费且方便的 PHP IDE,用于开发功能齐全的 Web 应用程序。 |
数据抓取 | 与大多数数据库兼容的数据库 IDE。 |
vim | 高度可配置的文本编辑器 |
巧克力味 | 适用于 Windows 的软件管理自动化,将安装程序、可执行文件、zip 文件和脚本包装到编译包中 |
Sourcetree | 适用于 Windows 和 Mac 的简单 GIT UI |
记事本++ | 大多数语言的文本查看器,当您需要打开更快的代码来检查某些内容时更容易。 |
比较一下! | 比较文本,指出差异。实用、轻松、快速。 |
DBeaver | 面向开发人员、SQL 程序员、数据库管理员和分析师的免费多平台数据库工具。支持所有主流数据库:MySQL、PostgreSQL、SQLite、Oracle、DB2、SQL Server…… |
Git Kraken | 适用于 Windows、Mac 和 Linux 的传奇 Git 客户端。非常实用且强大。 |
括号 | 用于网页设计的开源现代文本编辑器。 |
特米乌斯 | 现代跨平台 SSH/SFTP 客户端。 |
Docker | 轻松运行本地基于 Linux 的容器。 |
因德里 | 用于创建索引和查询任意大小数据集的索引的工具。 |
OWASP ZAP | 有用的开源代理工具,在开发时考虑到安全性。 |
托格尔 | 一个智能且实用的团队时间跟踪器,包含有用的集成,例如适用于所有计划的 Github。 |
门生 | 开源本体编辑器和知识管理系统。 |
PyCharm | JetBrains 专门针对 Python 语言开发的集成开发环境(IDE)。 |
VirtualBox | Oracle 开发的开源虚拟化产品。 |
RealVNC | 安全访问远程桌面的工具。 |
HTTPie | 命令行 HTTP 客户端,类似于 cURL,但具有更好的输出和语法。 |
Arduino | 用于制作任何机器人或物联网的文本编辑工具。 |
TablePlus | 数据库管理变得简单。适用于关系数据库的现代、原生且友好的 GUI 工具:MySQL、PostgreSQL、SQLite 等 |
若卡泰姆 | 量化你的编码。开源插件用于自动编程指标。 |
uPyCraft | 用于在微控制器板上对 Micropython 进行编程的 IDE。 |
Mailspring | 强大且精美的跨平台邮件客户端。 |
碳化 | 使用您的代码片段生成精美且高度可定制的图像。随时可保存或分享。(Carbon 的 macOS 客户端) |
阿皮姆 | Appium 是一个开源测试自动化框架,可用于原生、混合和移动 Web 应用程序。 |
Cypress.io | 对浏览器中运行的任何内容进行快速、简单且可靠的测试。 |
ASCII 线 | 以正确的方式记录和分享您的终端会话。 |
短跑 | API 文档、备忘单、代码片段管理器,可即时搜索 macOS 的所有内容 |
Burp 套件 | Burp Suite 是 PortSwigger 提供的一系列领先的网络安全工具。 |
Apache JMeter | Apache JMeter™ 应用程序是开源软件,是一个 100% 纯 Java 应用程序,旨在负载测试功能行为和衡量性能。 |
Wireshark | Wireshark 是一个开源的网络协议分析器。 |
MobaXterm | 适用于 Windows 的免费 X 服务器,带有选项卡式 SSH 终端、telnet、RDP、VNC、Xdmcp、Mosh 和 X11 转发。 |
恩格罗克 | ngrok 安全内省隧道到本地主机 webhook 开发工具和调试工具。 |
Genymotion Android 模拟器 | 面向开发者和 QA 工程师的跨平台 Android 模拟器。开发并自动化您的测试,以交付最优质的应用。支持桌面端、AWS、GCP 和 SaaS 平台。 |
VSCode 扩展
扩大 | 描述 |
---|---|
括号对可视化工具 | 这将自动突出显示具有相同颜色的匹配括号,以便更容易识别多个括号对。 |
窗口更改时自动保存 | 每次切换窗口时,这将自动保存代码;当经常从编辑器切换到浏览器窗口时,这对于 JS 非常有用。 |
波拉科德 | 宝丽来相机的代码。它就像Carbon一样。 |
美化 | 在 Visual Studio Code 中美化 javascript、JSON、CSS、Sass 和 HTML。 |
VSCode 图标 | Visual Studio Code 的图标(文件夹和文件)。 |
实时服务器 | 启动具有静态和动态页面实时重新加载功能的开发本地服务器。 |
PHP Intelephense | 高性能、功能丰富的 PHP 智能感知。(我用它来进行 PHP 缩进)。 |
电源模式 | 你的代码功能强大,释放它!这款由 Code in the Dark 推广的扩展程序终于登陆 VS Code 了。 |
彩虹支架 | 为圆括号、方括号和波浪括号提供彩虹色。 |
Visual Studio IntelliCode | Visual Studio IntelliCode 扩展为 Visual Studio Code 中的 Python、TypeScript/JavaScript 和 Java 开发人员提供了 AI 辅助生产力功能,并结合机器学习提供基于对代码上下文的理解的洞察。 |
HTML CSS 支持 | 支持远程 CSS 文件(CDN)的 HTML 类和 ID 补全。 |
VSCode Spotify | 在 vscode 中使用 Spotify。提供与 Spotify 桌面客户端的集成。 |
Discord 存在 | 使用新添加的丰富内容更新您的不和谐状态。 |
Git 图表 | 查看存储库的 Git 图表,并从图表执行 Git 操作。 |
markdownlint | Markdown 针对 Visual Studio Code 进行 linting 和样式检查。 |
Glassit-VSC | VSCode 扩展用于在 Windows 平台上将窗口设置为透明。 |
GitLens | 用于查看特定文件、行的提交历史记录。单击特定行即可将当前更改与上次提交进行比较,并查看上次更改时间。 |
Swagger 查看器 | 允许您以用户友好且交互式的 HTML 格式显示以 YAML 或 JSON 编写的 Swagger / OpenAPI 规范 |
括号对着色器 | 此扩展允许使用颜色来识别匹配的括号。用户可以定义要匹配的字符以及使用的颜色。 |
维图尔 | 此扩展对 Vue.js 开发非常有用。它提供了许多功能,例如格式化、Emmet、代码片段、链接和错误检查、调试或语法高亮。 |
JavaScript(ES6) | 对于 JavaScript 开发人员,尤其是使用 ES6 编写代码的开发人员来说,这是一个非常有用的可视化代码扩展或代码片段。 |
进口成本 | 此扩展在编辑器中显示导入/需要包的大小。 |
Scala 语法(官方) | Visual Studio Code 扩展用于语法突出显示 Scala 源。 |
:表情符号: | 向 VS Code 添加表情符号的建议和自动完成功能。 |
实时共享 | Visual Studio Live Share 使您能够与其他人实时协作编辑和调试,无论您使用什么编程语言或构建什么类型的应用程序。 |
Chrome 调试器 | 从 VS Code 调试在 Google Chrome 中运行的 JavaScript 代码。 |
Firefox 调试器 | 从 VS Code 调试在 Firefox 中运行的 JavaScript 代码。 |
材料图标主题 | Material Icon Theme 为 Visual Studio Code 提供了大量基于 Material Design 的图标。 |
Java扩展包 | Java 扩展包是一系列流行扩展的集合,可以帮助在 Visual Studio Code 中编写、测试和调试 Java 应用程序。 |
德古拉官方 | Visual Studio Code 的深色主题。 |
Prettier - 代码格式化程序 | Prettier 是一款规范的代码格式化工具。它会解析你的代码,并根据自己的规则重新打印,同时考虑到最大行长,并在必要时进行换行,从而强制保持一致的风格。 |
Java 版 Checkstyle | 检查问题并解决问题的简单方法。 |
黄瓜(小黄瓜)全力支持 | 此扩展为 Cucumber(Gherkin)语言添加了丰富的语言支持。 |
功能语法高亮和代码片段自述文件 | 此扩展为 .feature 文件提供语法高亮和代码片段,以提高工作效率。(并使 .feature 文件看起来很漂亮) |
设置同步 | 使用 GitHub Gist 在多台机器之间同步设置、代码片段、主题、文件图标、启动、键绑定、工作区和扩展。 |
书签 | 它可以帮助您在代码中导航,轻松快速地在重要位置之间移动。无需再搜索代码。它还支持一组选择命令,允许您选择已添加书签的行以及书签行之间的区域。这对于日志文件分析非常有用。 |
自动关闭标签 | 自动添加 HTML/XML 关闭标签,与 Visual Studio IDE 或 Sublime Text 相同。 |
Babel JavaScript | VSCode 语法高亮显示当今的 JavaScript。 |
角度内联 | 此扩展扩展了 JavaScript 和 TypeScript 语言,添加了 Angular2 特有的内联模板和样式表功能。当您使用反引号定义内联模板或内联样式表时,此扩展将处理其内容。 |
蓝莓香蕉 | 蓝莓香蕉是一个赏心悦目的主题,带有一种赛博朋克的感觉。 |
突出显示匹配的标签 | 此扩展旨在提供 VSCode 中缺失的、本应内置的功能——高亮匹配的开始或结束标签。此外,它还可以选择在状态栏中显示标签路径。 |
缩进彩虹 | 此扩展程序会为文本前面的缩进着色,每一步交替使用四种不同的颜色。有些人可能会发现它在编写 Nim 或 Python 代码时很有帮助。 |
TODO 突出显示 | 突出显示代码中的 TODO、FIXME 和其他注释。 |
尾随空格 | VS Code 扩展允许您突出显示尾随空格并立即删除它们! |
自动重命名标签 | 自动重命名配对的 HTML/XML 标签,与 Visual Studio IDE 相同。 |
Firestore 规则 | Firestore 安全规则支持 Visual Studio Code。(适用于 .rule 和 .rules 文件。) |
GLSL画布 | 该扩展通过提供 Show glslCanvas 命令,在 VSCode 中打开 GLSL 着色器的实时 WebGL 预览。(适用于 .glsl、.frag 和 .vert 文件。) |
编辑器配置 | Visual Studio Code 的 EditorConfig 支持 |
Firefox 调试器 | 在 Firefox 中调试您的 Web 应用程序或浏览器扩展 |
自动导入 | 自动查找、解析并提供所有可用导入的代码操作和代码补全功能。兼容 Typescript 和 TSX。 |
听觉编码(键盘声音) | Visual Studio Code 扩展可根据您输入的内容创建美妙的旋律。 |
ESLint | 将 ESLint 集成到 VS Code 的扩展。 |
代码游乐场
代码游乐场 | 描述 |
---|---|
CodePen | 前端开发工具。您可以开发任何 HTML、CSS、现代 Web 框架以及基于 JavaScript 的代码。将您的代码集成到 GitHub,方便协作。功能:(示例、GitHub、添加 npm 包、下载代码、自动刷新) |
CodeSandbox | 您可以同时运行前端和后端(JavaScript、NodeJS 以及任何前端框架)。轻松从 GitHub 上 fork 并修改代码。功能:(示例、GitHub、添加 npm 包、自动重新加载、部署应用程序) |
JSBin | 正在学习原生 JS、HTML、CSS(中级)的用户。功能:(示例、添加 CDN 包) |
W3学校 | 专为前端开发新手打造。您可以查看每个 Web 组件的示例、描述和用例。功能:(示例) |
JSComplete | 运行 ReactJS 的绝佳平台。此外,还有非常优秀的 JS、ReactJS 和 Node 教程。此外,还有更多开发者资源,例如在线书籍、网站等。功能:(示例、学习资源、自动刷新、部署应用、下载代码) |
JSFiddle | JSFiddle 拥有超过 30 个可立即使用的 JavaScript 库,此外,您还可以轻松添加外部文件。在预处理方面,它支持 SCSS 和 CoffeeScript,以及简单的原生 HTML。功能:(示例、自动重新加载、保存代码、轻松协作、CDN 软件包、样板文件) |
play.golang.org | Go Playground 是一个在 golang.org 服务器上运行的 Web 服务。该服务接收 Go 程序,在沙盒中对其进行审查、编译、链接和运行,然后返回输出。功能:(示例、保存代码、代码 linting) |
SQLFiddle | SQLFiddle 是一款用于轻松在线测试和分享 SQL 数据库问题及其解决方案的工具。功能:(示例、样板文件) |
PHPFiddle | PhpFiddle 提供 Web IDE、Web 工具、API、小部件、PHP 库、编程资源以及 PHP/MySQL 和 HTML/CSS/JavaScript 在线编码的执行环境。PhpFiddle 允许用户测试 PHP 代码片段,创建、测试和下载简单的应用程序。功能:(示例、下载代码) |
普兰克 | Plunker 是一个在线社区,供您创建、协作和分享您的 Web 开发想法。其设计目标是速度、易用性和协作性。功能:(示例、自动重新加载、保存代码、实时协作、可自定义的语法编辑器、代码 linting、开源) |
复制 | Repl.it 是一款基于 Web 的应用程序,可为您常用的编程语言提供即时编程环境。功能:(lint、调试器、文件和实时更新、托管和部署) |
3v4l.org | 3v4l.org(leetspeak 中 eval 的缩写)是一个在线 PHP shell,允许你在 250 多个 PHP 版本上运行代码,并比较性能、输出结果和功能支持情况。功能:(lint、调试器、共享) |
Trinket.io | Trinket 是一个无需创建账户即可创建和测试代码的网站。它主要支持 Python,但也提供其他语言版本。功能(示例、计划、教程) |