新电脑配环境
「包仓库与镜像源」一组:npmmirror、TUNA、阿里云镜像的配置命令都在帮助页里;配完再到「Git 与协作」拿 gitignore.io 与 GitHub CLI。
使用指南
开发者常用站点导航收录了 159 个写代码时真正会打开的地方,分十组:文档与规范(MDN、Can I use、RFC、各语言官方文档)、包仓库与镜像源(npm、PyPI、清华 / 阿里 / 中科大镜像、Docker Hub)、在线沙盒(CodePen、StackBlitz、TypeScript Playground、Compiler Explorer)、状态页(GitHub、Cloudflare、npm、AWS)、在线工具(本站的 JSON / 正则 / JWT / 哈希 / Cron 等十几个,加上 explainshell、Excalidraw、Mermaid)、图标 / 字体 / 配色、API 测试与调试(Hoppscotch、Bruno、webhook.site、ngrok)、Git 与协作(托管平台、提交规范、许可证选择)、学习与社区、性能安全与调试。
更新于 2026-09-093 个来源约 9 分钟读完
开发者常用站点导航收录了 159 个写代码时真正会打开的地方,分十组:文档与规范(MDN、Can I use、RFC、各语言官方文档)、包仓库与镜像源(npm、PyPI、清华 / 阿里 / 中科大镜像、Docker Hub)、在线沙盒(CodePen、StackBlitz、TypeScript Playground、Compiler Explorer)、状态页(GitHub、Cloudflare、npm、AWS)、在线工具(本站的 JSON / 正则 / JWT / 哈希 / Cron 等十几个,加上 explainshell、Excalidraw、Mermaid)、图标 / 字体 / 配色、API 测试与调试(Hoppscotch、Bruno、webhook.site、ngrok)、Git 与协作(托管平台、提交规范、许可证选择)、学习与社区、性能安全与调试。
它和「收藏夹式」导航站的区别有三点。第一,每条都有编者自己写的一句话评价——这个站好在哪、什么时候用它、有什么坑(「国内直连不稳,建议自托管」「越来越重且需登录」),不是抄官网 slogan。第二,每条标注了免费 / 需登录 / 国内可用 / 有 API 四个实用属性,并提供对应的筛选开关;「国内可用」按保守原则标注,只给确定能直连的。第三,能在 toolun 本地完成的事优先链到本站工具(不上传、无登录),外站的同类工具标「本站可做」——JWT 解码、正则测试、Cron 解析、图片压缩这类会碰到敏感数据的操作尤其如此。
搜「镜像」得到的一组结果:
搜「jwt」同时命中本站与外站,并显示两者关系:
包仓库与镜像源
npmmirror(淘宝镜像) 国内 npm 全量镜像,10 分钟同步;npm config set registry 一行搞定。 免费 · 国内可用
清华大学开源软件镜像站 PyPI、Ubuntu、Anaconda、Homebrew 等几十个源的镜像…… 免费 · 国内可用
阿里云开源镜像站 覆盖 Linux 发行版、语言包、容器镜像…… 免费 · 国内可用
中科大开源镜像站 老牌镜像站,Arch、Debian、Rust crates 同步及时。 免费 · 国内可用
jsDelivr npm 与 GitHub 文件的免费 CDN,国内有节点。 免费 · 国内可用在线工具
JWT 解析 /tool/dev-jwt 本地解码 Header / Payload,过期时间人性化显示,token 不出浏览器。 本站
jwt.io jwt.io Auth0 维护的 JWT 调试器与各语言库列表;解码敏感 token 建议用本站离线版。 本站可做 → dev-jwt一条能进这张表要满足三件事。会打开:它解决的是开发者反复出现的需求(查文档、装包、试代码、发请求、看状态、找图标),而不是「听说过」;能说清:编者能用一句话说出它相对同类的差别,说不出差别的同类站只留一个;还活着:2026-09-09 逐条核对可访问且仍在维护,停更或改成付费墙的会被移除。每组条目控制在 10–30 个——多于这个数字,导航就退化成搜索引擎结果页。
JWT、正则、JSON、哈希这些工具的输入经常包含真实的 token、用户数据、内部接口结构。把它们粘进任何外站都意味着数据离开了你的机器——多数外站声称「纯前端处理」,但你无法验证。toolun 的工具全部在浏览器本地运行、可离线、代码可审查,所以同类能力优先链本站;外站保留,是因为它们有本站没有的东西(jwt.io 的各语言库列表、regex101 的多引擎方言、Squoosh 的逐格式对比),卡片评价里会写明「什么时候仍该去外站」。
npm、PyPI、apt、Docker Hub 的源站在海外,国内直连慢或超时。镜像站定期(npmmirror 10 分钟、TUNA 多数源 6 小时内)从源站同步全量数据,你把包管理器的 registry 指向镜像即可,包内容与签名不变。选择原则:优先高校镜像(TUNA、USTC,非商业、覆盖全)与大厂镜像(阿里云、npmmirror,带宽足);npm config set registry https://registry.npmmirror.com、pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple 是两条最常用的命令,各镜像站帮助页都有按系统的配置说明。注意镜像只解决下载,npm publish、pip upload 仍要指回源站。
多数状态页遵循 Atlassian Statuspage 的样式:绿色 Operational、黄色 Degraded、橙色 Partial Outage、红色 Major Outage,下方是按组件的 90 天历史条与正在处理的 Incident 时间线。排障顺序建议:先看 Downdetector(用户上报最快)→ 再看官方状态页(确认范围与预计恢复)→ 订阅 RSS 或邮件而不是反复刷新。官方状态页往往滞后十几分钟,且会「绿着挂」——所以本站的 API 连通性测试 让你对自己依赖的几个地址直接发请求看结果。
CodePen / JSFiddle 在 iframe 里跑你的 HTML / CSS / JS,简单快速但只能做前端页面;CodeSandbox 早期用云端容器跑完整 Node 项目,StackBlitz 则用 WebContainers 把 Node 运行时编译成 WebAssembly 在浏览器里跑,启动秒级、断网可用。语言官方 Playground(TypeScript、Rust、Go)背后是服务端编译或 WASM 编译器,分享链接就是代码本身,是提 Issue 时给复现的标准方式。
图标库与字体多数用 MIT(Lucide、Heroicons、Tabler)、CC0(Simple Icons 的图形部分——品牌 Logo 本身的商标权仍归品牌方)或 OFL(Google Fonts 全部字体)。OFL 允许商用与嵌入网页,但禁止单独出售字体文件,且改名后才能分发修改版;Font Awesome 免费版是 CC BY 4.0 + SIL OFL + MIT 三重许可,Pro 图标不可用于免费版项目。设计资源的许可细节见 设计与创作资源导航。
「包仓库与镜像源」一组:npmmirror、TUNA、阿里云镜像的配置命令都在帮助页里;配完再到「Git 与协作」拿 gitignore.io 与 GitHub CLI。
「在线沙盒」按框架选:React / Vue 项目用 StackBlitz 或 CodeSandbox,纯 TS 类型问题用 TypeScript Playground,SQL 问题用 DB Fiddle,C++ 用 Compiler Explorer。
「API 测试与调试」:先用 webhook.site 看对方到底发了什么,再用 ngrok 或 Cloudflare Tunnel 把本地服务暴露出去接真实回调,最后用 Hoppscotch / Bruno 重放请求。
「性能、安全与调试」从上到下过一遍:PageSpeed Insights、SSL Labs、Security Headers、CSP Evaluator。
要么同类里已有更好的一个(每组只留能说出差别的),要么 2026-09 核对时已停更 / 转付费 / 不可访问,要么它属于某个语言生态的细分工具(不在通用范围内)。
2026-09-09 从国内普通宽带直连测试,能在几秒内正常打开主要功能才标注。GitHub、Google Fonts 这类「能开但不稳」的不标,卡片评价里给替代方案。
本批次不接受收录申请(避免变成外链交易场)。站点变化会在后续批次核对时统一处理。
只在本机浏览器的 localStorage,不上传、不跨设备。
导航数据随页面静态加载,搜索、筛选、收藏在浏览器本地完成,本页不向服务器发送任何请求,也不记录你点击了哪个外链。外链以新标签页打开并带 rel="noopener noreferrer",对方站点不会收到本页的 Referer;打开后的行为由对方站点的隐私政策约束。本站工具(标「本站」的条目)同样在浏览器本地运行,不上传数据。
更新于 2026-09-09
159 个开发者常用站点:文档规范、包仓库与镜像源、在线沙盒、状态页、在线工具、图标字体配色、API 测试、Git 协作、学习社区、性能安全;每条一句编者评价,标注免费 / 需登录 / 国内可用,本站工具优先,可收藏
rel="noopener noreferrer"。死链核对:2026-09-09。Web 平台的事实标准文档,中文翻译完整,兼容性表随手可查。
Google 的 Web 最佳实践与性能指南,Core Web Vitals 的官方出处。
查某个 CSS / JS 特性哪些浏览器支持,写兼容代码前必看。
几十种语言与框架文档聚合到一个可离线的搜索框里,切换极快。
JavaScript 新语法处于第几阶段,看这里而不是看传闻。
HTML 的活标准原文,解析器行为与实体表以它为准。
CSS 各模块规范索引,查属性精确定义与取值语法。
HTTP、TLS、JSON、URI 等协议的原始文本,HTTP 语义见 RFC 9110。
按版本切换的 API 文档,每个方法标注稳定性等级。
官方手册从入门到类型体操,配合 Playground 边看边试。
2023 重写的新文档以 Hooks 为中心,中文版同步度高。
中文官方文档质量是框架文档里的标杆,含交互式教程。
标准库参考完整,中文版由社区持续翻译。
Rust 官方入门书,所有权章节讲得比多数博客清楚。
一页一个 Go 概念加可运行示例,半天过完基础。
一份注释齐全的代码文件带你速览一门语言语法。
前端 / 后端 / DevOps 等学习路线图,知道该学什么、顺序如何。
160 条命令 + 选项表 + 按目标反查 + 练习终端,都在本站。
149 条 Git 命令带危险等级与示意图,附可练习的模拟终端。
每个状态码的语义、场景、前后端处理与误用,一页看完。
JavaScript 包注册中心,看版本、周下载与依赖树。
国内 npm 全量镜像,10 分钟同步;npm config set registry 一行搞定。
Python 包索引,看发布历史与支持的 Python 版本。
PyPI、Ubuntu、Anaconda、Homebrew 等几十个源的镜像,帮助页直接给配置命令。
覆盖 Linux 发行版、语言包、容器镜像,配置指南按系统版本给。
老牌镜像站,Arch、Debian、Rust crates 同步及时。
Java / Kotlin 依赖坐标查询,直接复制 Gradle 或 Maven 片段。
Rust 包仓库,每个 crate 链到 docs.rs 的自动生成文档。
官方镜像有 Docker Official Image 标记,看 tag 列表与 Dockerfile。
Go 模块文档与版本,导入路径即地址。
PHP Composer 包仓库。
Ruby gem 仓库。
.NET 包仓库,看目标框架兼容性。
查 macOS / Linux 上某个软件的 brew 包名与依赖。
装这个 npm 包会让打包体积增加多少,装之前查一下。
几个同类包的下载量曲线对比,选型时看趋势而不是星标。
npm 与 GitHub 文件的免费 CDN,国内有节点。
直接以 URL 访问 npm 包里任意文件,看源码很方便。
前端三件套即写即看,社区作品是学 CSS 动效的好素材。
完整前端项目在线跑,可导入 GitHub 仓库复现 bug。
WebContainers 让 Node 项目在浏览器里跑,启动比 CodeSandbox 快。
最老牌的前端 fiddle,轻量无需登录。
几十种语言的云端 IDE,适合教学与小实验。
调类型、看编译产物、切编译选项,分享链接即代码。
在线编译运行 Rust,能看 MIR 与汇编。
Go 官方沙盒,Issue 里贴复现代码的标准方式。
C/C++/Rust 等源码与汇编逐行对照,看编译器到底做了什么。
浏览器里跑 SQL,支持导入 CSV,练 SQL 不用装数据库。
MySQL / PostgreSQL / SQLite 建表加查询,分享链接复现 SQL 问题。
Vue 官方单文件组件沙盒,能看编译输出。
Svelte 官方沙盒,教程与示例都在里面。
看新语法被编译成什么样的 ES5。
正则逐段解释与调试,支持多种引擎方言。
浏览器里的 JupyterLab(基于 WebAssembly),试 Python 数据分析无需安装。
Actions 排队、push 失败先看这里,有 RSS 可订阅。
按数据中心列出的状态,半个互联网出问题时它最先变黄。
npm install 全部超时时先确认不是注册中心故障。
AWS 各区域服务状态,历史事件可回溯。
部署卡住、边缘函数报错时看。
API 429 / 5xx 激增时确认是不是平台侧问题。
靠用户上报判断主流服务是否宕机,比官方状态页反应快。
阿里云各地域产品的健康状态与历史事件。
本站小工具:对一批地址发请求看状态码与耗时,排查是不是自己网络的问题。
格式化、压缩、校验、去转义,报错精确到行列。
JSON / YAML / XML / CSV 六向互转。
匹配高亮、捕获组、替换预览与常用速查。
本地解码 Header / Payload,过期时间人性化显示,token 不出浏览器。
文本与文件双向,支持 URL-safe 变体。
MD5 / SHA 系列 / HMAC,文件校验也行。
Unix 时间戳与日期互转,多时区。
翻译成中文并预览未来 10 次执行时间。
编解码与查询参数表格化编辑。
HEX / RGB / HSL 互转、色阶与对比度检查。
JS / CSS / HTML / SQL 格式化。
HTML 实体、JSON 字符串、Unicode 转义互转。
CIDR 算网络、广播、主机范围,按需拆分子网。
勾选权限得到 755 / 644 与符号写法。
把一条 docker run 变成 compose.yaml。
Auth0 维护的 JWT 调试器与各语言库列表;解码敏感 token 建议用本站离线版。
Cron 表达式英文解释器,例子丰富。
粘一条复杂 shell 命令,逐个参数对照 man 页解释。
Shell 脚本静态检查,能抓住引号与变量展开的经典坑。
把代码片段做成漂亮的图片,发社交媒体用。
Raycast 出的代码截图工具,风格更现代。
手绘风白板画架构图,本地存储,可导出 SVG / PNG。
用文本写流程图 / 时序图 / 类图,Markdown 里也能渲染。
JSON 转 TS 类型、SVG 转 JSX、CSS 转 Tailwind 等几十种转换。
从 JSON 样本生成多种语言的类型定义。
Google 的浏览器端图片压缩,逐格式对比;本站图片压缩可批量。
批量检查一组 URL 的状态码与重定向链。
Feather 的社区延续,1500+ 线性图标,React / Vue 包齐全(本站用的就是它)。
Tailwind 团队出品,实心 / 线性两套,风格干净。
5000+ 图标,覆盖面最广的免费线性图标集之一。
基于 Iconify 的图标搜索器,跨几十个图标集搜一个词。
3000+ 品牌 Logo 的 SVG 与品牌色,做「登录方式」图标必备。
最老牌的图标字体,免费版 2000+,Pro 收费。
免费开源字体库;国内直连不稳,建议自托管或用 Fontsource。
把 Google Fonts 打成 npm 包自托管,不依赖第三方 CDN。
Google Fonts 的隐私友好镜像,API 兼容改个域名即可。
空格键随机生成配色,锁定喜欢的色再刷。
把配色直接套在一个示例页面上看效果,避免纸上好看。
输入一个色值生成 Tailwind 风格的 50–950 色阶。
为无障碍设计的 12 级色阶系统,深浅模式成对。
前景 / 背景对比度是否达到 WCAG AA / AAA。
README 里的徽章生成器,版本、下载量、CI 状态。
本站:一张图生成全套 favicon 与 manifest 图标。
功能最全的 API 客户端,团队协作强但越来越重且需登录。
开源、浏览器里直接用的 Postman 替代,轻快免登录。
离线优先的开源 API 客户端,集合存成文本文件可进 Git。
Kong 出品,GraphQL 与 gRPC 支持好。
请求回显服务:测试你的客户端发出去的头、body 到底长什么样。
假的 REST API(帖子、用户、评论),写前端 demo 时当后端。
给你一个临时 URL 接收任何请求并实时显示,调试回调神器。
把本地端口暴露成公网 HTTPS 地址,微信 / 支付回调本地调试必备。
免费的内网穿透,配自己域名,比 ngrok 免费版限制少。
桌面端 mock 服务器,几分钟搭一个假接口给前端联调。
在浏览器 / Node 里拦截请求做 mock,测试与开发共用一套 handler。
写 OpenAPI 文档并实时预览、生成客户端代码。
国产 API 一体化平台(设计 / 调试 / Mock / 文档),团队版免费额度够用。
在线发 HTTP 请求并生成各语言代码,不用装客户端。
开源世界的中心;国内直连时好时坏,克隆慢可用镜像加速。
自带 CI/CD 与 DevOps 全套,可自托管。
国内代码托管,GitHub 仓库一键导入同步,速度快。
一个二进制文件就能跑的自托管 Git 服务,轻量到能放树莓派。
输入语言 / 框架 / 编辑器名,生成合并好的 .gitignore。
开源许可证怎么选,一页表格讲清 MIT / Apache / GPL 的差别。
feat: / fix: / chore: 提交信息规范的官方说明。
语义化版本号规范中文版,^ 与 ~ 的行为以它为准。
CHANGELOG 怎么写的约定。
终端里开 PR、看 Issue、跑 Actions,不用切浏览器。
手册页与 Pro Git 中文版,任何命令的最终解释。
报错信息直接搜,多数问题十年前就有人答过。
国内前端 / 后端技术社区,翻译与教程多。
中文技术问答社区。
程序员话题社区,技术之外的职场与硬件讨论也多。
英文开发者博客平台,氛围友好。
技术圈每日头条,评论区常比正文有料。
完全免费的编程课程与认证,中文版完整。
中文入门教程站,语法速查够用,深入要看官方文档。
算法题库中文站,面试刷题标配。
70 多种语言的练习题带人工导师点评,免费。
解「kata」升段位,看别人的最佳解法长见识。
给设计稿让你实现,练真实项目式的前端。
几百个短小的 JS / CSS / Python 代码片段,复制即用。
每周科技周刊与 ES6 / Bash 教程,中文技术写作的范本。
设计模式图文并茂,多语言示例,有中文版。
现代 Web 应用的设计 / 渲染 / 性能模式合集。
跑 Lighthouse 并给出真实用户的 Core Web Vitals 数据。
选地区、设备、网络条件做加载瀑布图,比 Lighthouse 更接近真实。
给站点的 TLS 配置打分,找出弱密码套件与证书链问题。
检查 CSP、HSTS、X-Frame-Options 等安全响应头。
Mozilla 的站点安全评分,附修复建议。
粘贴 CSP 策略,指出哪些指令形同虚设。
在线打包一段 import 看压缩后体积,比 Bundlephobia 更灵活。
Performance 面板与 Memory 快照怎么读,官方教程最系统。
HTML 邮件里哪些 CSS 能用,各客户端支持表。
全球多地 DNS 解析结果,改了记录看传播到哪了。
Web 安全十大风险,做安全自查的起点。
本站:本机浏览器、屏幕、WebGL 与 30+ 项能力检测,一键复制报告给测试。