总结了一些前端常用的生产力工具，开箱即用
mac 应用
- switchhost: 端口映射工具
- snipaste: 截图工具
- AppCleaner: 卸载器
- postman: 请求测试工具
- apifox
- 滴答清单: todolist
- Amazon Q: 终端自动补全工具
终端
编辑器
抓包工具
在线辅助工具
工程化
- JSON Schema：对
JSON提供语法校验、提示 - ESLint
- prettier
- less
- sass
- tailwindcss
- unocss
- clinicjs: nodejs 性能分析
后管系统
微服务
前端插件
- vue-quill: vue 富文本编辑器
- vue-quill-editor: 基于 vue-quill 封装的
- wangeditor: vue 富文本编辑器
- bpmn: 在线版流程图
- excalidraw: 在线版流程图
- drawio: 在线版流程图
- vue-draggable：拖拽库
- InfiniteGrid: 瀑布流
- medium-zoom: 图片点击放大
- lite-virtual-list: 虚拟列表
- Surely Vue Table: 数据列表
- pixijs 图形库
- fabricjs 图形库
- vue-color-kit: vue 颜色选择器
- [path-to-regexp]: url params 路径匹配
- [query-string]: url query 参数匹配
- nanoid: 字符串ID生成器
- node-xlsx: 操作xlsx
- moment: 时间格式处理库
- highlightjs: 浏览器代码高亮
- fullpage:
UI组件库
node 插件
- cookie-parser: express 解析 cookie
- cache-manager: 缓存管理包（它提供了统一的 API 来与不同的缓存后端（如内存、文件、Redis、Memcached 等）进行交互）
- portfinder: 端口检测
- fast-glob: 路经模糊匹配
- clinicjs: node 性能分析
- npm-run-all: 并行执行多个命令
- remark: Markdown处理器
- multer: express 文件上传中间件
- dotenvx: 环境变量配置
- htmlparser2: 解析html字符串，转换成ast
SSR
模板引擎
- lit-html
- liquid.js
- handlebarsjs
- [jade]
服务框架
图标库
chrome 插件
- Wappalyzer: 分析网站采用技术栈
- Lighthouse: 网站性能分析
vscode 插件
- Codeium
- Auto Close Tag: 自动闭合
- Auto Rename Tag: 修改标签名，同步闭合标签
- Bookmarks: 源码书签
- Todo Tree
- Git Graph
- GitLens
- Path Intellisense
- Project Manager: 项目管理
- Regex Previewer: 正则表达式预览
- vscode-json: json 格式优化
- Github Theme: vscode 主题
- Material Theme: vscode 主题
- Material Icon Theme: vscode 文件图标
- vscode-icons: vscode 文件图标
- Polacode: 代码截图
- [Vue 3 Snippets]: vue3 snippets
