# 常用工具
这里主要推荐一下平时常用的工具。
# 通用工具
# 技术工具
- jsPerf 在线 js 性能测试工具
- StorePreviewer See What Your App Will Look Like On The App Store
- squoosh Squoosh 是一个理想的图片压缩,可以离线使用的 Web App
- lerna Lerna 是一个管理包含多个软件包的 JavaScript 项目的工具
- ReLaXed 一个将 document html 转成 PDF 的工具
- tui.editor markdown 所见即所得编辑器
- percollate 命令行工具 能将网页转换成 pdf
- cloudquery 点击几下就可以把任何网站变成 API
- public-apis 汇集了市面上一些对外免费开放的 api,做一些自己练手 app 的时候很好用
- runkit 一个基于 node 的在线 playground
- sketchviz 手绘风格流程图
- storybookStorybook 是一个 UI 组件的开发环境。它允许您浏览组件库,查看每个组件的不同状态,以及交互式地开发和测试组件。
- high-speed-downloader 百度网盘不限速下载 支持 Windows 和 Mac
- hyper 前端命令行
- yapi 是一个可本地部署的、打通前后端及 QA 的、可视化的接口管理平台
- sway 一个微软自己出的在线 ppt 很强大
- Ascii Art Generator 在线生成 Ascii 图案
- Winds 开源 RSS
- JSUI 一个用来控制管理前端项目的客户端
- docz 让你能快速写文档的一个库
- hiper 性能统计分析工具
- verdaccio 私有 npm
- git-guide git 入门指南
- git-tips git 进阶
- bit 实现了项目之间的代码共享 可以自建私有
- simpread 简悦 ( SimpRead ) 让你瞬间进入沉浸式阅读的扩展
- mkcert 一键命令 让本地也支持 https
- termtosvg 录制 命令操作转成 svg 基于 python
- gh-polls 可以在 github issue 中添加投票
- eruda 移动端调试工具
- vConsole 也是一个移动端调试工具 腾讯出品
- terminalizer 命令行录制工具 基于 node
- badgen 快速构建和 shields 一样的 svg badge 但速度更快
- readability 移除页面非正文部分 基于 jsdom
- WeChatPlugin-MacOS 一款功能强大的 macOS 版微信小助手
- puppeteer-recorder 一个 chrome 插件 能够根据你的操作 自动生成 puppeteer 相关代码
- mdx-deck 用 markdown 编写演示文稿
- code-surfer 基于 mdx-deck 的一个插件 让你更好的在文稿中展示 code
- Progressive Tooling 前端性能优化工具集合
- https://github.com/artf/grapesjs 可视化建站工具 不需要写代码就能写一个页面,前端再次再次要下岗了
- image-charts 该服务通过 URL 接受参数,然后生成图表,以图片形式返回
- eagle.js 一个用 vue 来制作 PPT 的库
- Optimizely A/B Test
- appadhoc 一个国内的 A/B Test 服务
- glorious-demo 通过编写代码的方式构建一个命令行的演示例子
- nginxconfig 可视化配置 nginx 提供了多个基础模板
- bundlephobia 一个可以查看某个库的大小,并且分析它的依赖
- jsperf 一个提供在线 test case 的网站,主要用来比较性能。可以比较如: forEach vs for 的性能
- perflink 与 jsperf 类似的一个比较 js 性能的网站
- algorithm-visualizer 算法代码可视化
- An-English-Guide-for-Programmers 专为程序员编写的英语学习指南
- Webhint 用于检查代码的可访问性、性能和安全的开源检查(Linting)工具
- airtap 测试浏览器兼容性,可覆盖 800 多种浏览器
- jsonstore 供免费,安全且基于 JSON 的云数据存储,自己玩的小项目神器
- git-history 可视化查看一个文件的历史变化
- x-spreadsheet 一个基于 Canvas 的 JS 电子表格库 excel
- imgcook 阿里出品,一键通过设计稿生成代码
- majestic jest 可视化
- leon 你开源项目的 ai 个人助手
- js-code-to-svg-flowchart 将代码逻辑用流程图的方式展现出来
- xterm.js 一个 web terminal
- pixelmatch diff 两张图片不一样的地方
- readme-md-generator 一个命令行脚本帮你快速的创建一个 README
- build-tracker 构建大小追踪 记录你多个版本构建后文件大小的变化
- zan-proxy 本地调试线上环境的工具
- mjml 一个让发 email 更简单的框架。定义了一套自己的语法,你用这套语法写邮件,然后编译成 HTML。
- any-rule 正则大全
- outline 一个免费开源的库,能让你快速搭建自己的 wiki
# 浏览器
# VS Code
# 通用
- Import Cost 查看你引入的依赖模块大小
- Auto Close Tag 自动补全 html 标签,如输入
<a>将自动补全</a> - Auto Rename Tag 自动重命名 html 标签,如修改
<a>为<b>,将自动修改结尾标签</a>为</b> - polacode 生产代码图片快照插件
- vscode-leetcode 一个能让你在 vscode 中刷 LeetCode 的插件 算一个划水神器吧
- vscode-icons VS Code 必备吧,为文件添加炫图标
- CodeSnap 生产代码截图
# 主题
- 官方主题页 可以选择自己喜欢的主题
- one-monokai 我用的是这个主题,很多年了
# 字体
# Chrome 扩展
- 图片助手(ImageAssistant) 图片助手(ImageAssistant) 批量图片下载器
- Tampermonkey 油猴 神器
- 扩展管理器 轻松管理扩展,就不用担心安装太多扩展了
- visbug 它可以帮助你改变 css,移动元素等等一系类强大的功能,页面调试神器。当然有些时候还是 DevTools 更好用
- refined-github 优化 github 默认功能和样式的 chrome 插件
- ADB chrome 真机调试安卓神器
- Adblock Plus 免费广告拦截程序 这个应该不用说了,装机必备
- Axure RP Extension 看原型必备
- JSON Formatter JSON 格式化 程序员必备
- Lighthouse 谷歌出品,检查网页综合性能评分,分析不足
- 二维码(QR 码)生成器 手机扫码神器
- Octotree github 上看代码必备神器
- OctoLinker 能在 github 上看代码的时候 快速链接跳转到依赖的库
- The Great Suspender chrome 太吃内存了,当页面开的很多时候会很卡,它就完美的解决了这个问题。它将几分钟没浏览过的页面都挂载了,当你想看是再重新加载
- WEB 前端助手 支持 JSON 格式化、二维码生成与解码、代码压缩、Markdown 与 HTML 互转、网页滚动截屏、正则表达式、时间转换工具、JSON 比对工具等
- 掘金 目前我默认新开 tab 的默认页,可以刷刷新的文章或者项目,还不错。
- 沙拉查词 划词翻译插件
- npmhub在 README 下方显示 npm 依赖信息
- Ghelper一个简单的用于访问 google 的插件
# 编辑器和 Terminal
- Go2shell 在当前文件夹打开 shell
- Terminal 用 iTerm2 + zsh + oh-my-zsh 的组合,主题是 robbyrussell
# zsh 插件
- Homebrew 必装
- autojump 实现目录间快速跳转,想去哪个目录直接 j + 目录名,不用在频繁的 cd 了
- zsh-autosuggestions 命令自动建议和补全
- zsh-syntax-highlighting 命令行语法高亮
- history 命令行记录
- zsh-git-prompt git 分支信息提示
# 开发常用软件
- Github Desktop管理 github 仓库的变更和 PR
- runjs js 运行沙盒,写 test case 或者面试当场写代码的时候很有用
- Charles 抓包用,支持 https
- Google Chrome 前端必备没啥好说的
- ColorSnapper2 取色工具
- postman api 调试工具
- Sequel Pro MySQL 界面管理工具
- KeepingYouAwake 可保证系统不自动休眠,挂机跑脚本很有用
- Swagger UI Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务,部署管理和使用 API
# 其他有趣的工具
- 演示图灵完备 Brainfuck Visualizer 演示图灵完备
- the-bread-code 使用程序员的思维制作面包 ,比如制作中使用 A/B test, 来比较那种做法更好。
- build-your-own-x 教你用各种语言实现 Bot Database Neural Network
- javascript-algorithms 教你用前端知识认识各种算法
- not-paid 如果你给人做网站,交过去以后对方没有付款,那么这个 JS 会把网站的透明度一天调低一点,直到看不见
- nsfwjs 前端图片鉴黄,基于 Tensorflow
- elevator.js 我很喜欢的一个库,让一个 back-to-top 的效果有了一种坐复古电梯的感觉
- app-ideas 很多年轻人苦于缺少练手的项目,这个项目收集了不少点子,每个点子都有明确的目标和复杂资源。
- WebGL-Fluid-Simulation 很酷的 WebGL 交互
- react-kawaii 一个非常可爱的 React 卡通人脸库,很有意思
- chart-race-react 图表竞赛 长条图赛跑动画 在微博或者 b 站这种类型视频很火
- 98.css windows 98 主题分格 css
# 录制
# Ubuntu
# Mac
- get-plain-text 能清除剪贴板里的格式 很实用
- IINA mac 平台感觉免费最好的播放器 强推
- magnet 分屏管理
- Xnip 方便好用的截图工具-支持截长图
- Spectacle 窗口管理工具
- vanilla 顶栏图标管理工具
- Dozer 一个开源的顶栏管理
- 腾讯电脑管家 反正我用下来好觉得蛮好用的
- mos 鼠标平滑滚动软件,很好用。免费开源
- sequel pro mysql 客户端 好用
- Microsoft Remote Desktop Beta Mac 远程登录 Windows 调试神器
- pap.er 专为 Mac 设计的壁纸应用
- The Unarchive Mac 目前感觉最好用的免费解压软件
- Tickeys 让你用 Mac 键盘也能打出机械键盘的感觉
- Beaker Browser P2P 开源浏览器 支持点对点发布文件,成为了文件传输工具,支持 DAT 对等协议
- Gifski 视频转 gif 工具
- more 更多优秀的 mac app 介绍
- Motrix 支持 HTTP、FTP、BT、磁力链、百度网盘的下载工具
- webui-aria2 下载工具 Aria 的 WebUI 工具
- iPic这个应用可以让你方便地上传图片到各种图床
- Image2Icon
- hidden 是用来帮助你隐藏 macOS 菜单栏上那些不常用的应用图标
# 在线解析工具
- C 在线工具
- esprima.org 在线解析 AST
- AST Visualization on browser 在线解析 AST
- ASTexplorer 在线解析 AST
- md5 在线解密破解,md5 解密加密
- JSON 在线解析及格式化验证
- 在线二维码生成器
- 在线正则解析工具
- 在线正则解析工具
- 在线测速
- 站长工具
- 在线转 pdf
- 地图选择器 获取对应地图区域的 geojson 和 svg
- 图片背景消除 在线抠图工具,去除图片背景
- 在线删除图片背景 在线抠图工具,去除图片背景