我经常使用的工具或网站大家可关注公众号 **`JavaScript与编程艺术`** 🖼️ 配图 https://pex

大家可关注公众号 JavaScript与编程艺术，持续更新中……

🖼️ 配图

👨‍🦽 国外常用网站替代

github 加速下载
- gh-proxy.com/ 用法：gh-proxy.com/https://git…
- proxy.pipers.cn/
- gh.webspeedx.eu.org/ 用法： https://gh.webspeedx.eu.org/{github 地址} 如下载 alacritty gh.webspeedx.eu.org/https://git…
Medium readmedium.com/。用法：比如有 ahmetustun.medium.com/understandi…
- 将 ahmetustun 改成 readmedium 则是其英文版本
- 改后增加 /zh 则是其中英文对照版本

Google 插件市场 www.crxsoso.com
Google 开发者文档 将 web.developers.google.com/ 的 com 改成 cn 即可，比如 web.developers.google.cn/articles/av…

🛠️ 工具

注意我的操作系统是 Windows

截图 Snipaste
粘贴板历史 Ditto
终端 Alacritty 如果你是 Windows 用户，除了 VSCode 还想要一个独立的 terminal，优点快速、轻量级。
图片压缩
- tinypng.com/ 和 tinyjpg.com/
- 大家可以试试 zhangxinxu 大佬的对比效果 www.zhangxinxu.com/sp/tinyimg/
- 若需支持更多格式 www.zippic.cn
- MDN 推荐的 squoosh.app/
diff
- onlinetextcompare.com/
- 无广告，支持按照 char word line diff difftext.com/
- 支持 char word line json 基于 Svelte restring.dev/
Tailwind CSS

将 CSS 转成 tailwind 类名。比如 font-weight 600 对应的 tailwind class 如何写？ folge.me/tools/css-t…

npm 工具
- gum Git User Manager 在公司和 github 账号间自由切换。
- tree-node-cli 按照树形展示文件夹，符合 Linux 用法其他包都不符合故推荐。非 Windows 推荐 exa --tree 速度更快。
- http-server 本地静态文件服务器。相当于 Python 的 python -m http.server 8080。
- ❯ http-server build/client --proxy http://localhost:8080\? 可以把 404 请求回退到 index.html，因此可以 serve 单页应用（Browser History 模式）。
- pinme DX 体验好、免费且部署后域名永久存在的前端代码部署工具 🥳！

重点介绍下这个全能工具 restring.dev/ ，优点：基于 Svelte bundle size 非常小，打开速度很快无广告。最棒的是根据输入智能调用工具！我经常用来做 diff 和 jwt 解析。

🖥️🧩 浏览器插件

JSON Viewer Pro

🧙‍♂️ AI

📡 接口

🌟 swagger json 文件 UI 界面 editor.swagger.io/
swagger json 转前端代码 前述网站配套使用。
- 用法：pnpx swaggered --input ./downloads/openapi.json --grouped

mock 数据

上图由 <img src="alt="https://picsum.photos/1600/900"" alt="picsum.photos" /> 随机生成，你可以尝试刷新本文。

图片
- 🌟 picsum.photos 如果你需要真实随机刷新照片，比如 16:9 picsum.photos/1600/900 更多用法详见 picsum.photos
- placehold.co/
内容：todos users blogs jsonplaceholder.typicode.com/
狗狗 dog.ceo/api/breeds/… 多个 random/3

🧹 其他低频率工具