这篇文章其实自己很早就想写了，无奈被很多事情耽搁了，现在终于有时间来把它完成，那我是准备写什么呢？
其实这篇文章的内容，标题上已经完全体现了，其实就是准备把自己在工作中会经常用到的工具全部记录下来，为什么要做这个事情呢？原因很简单，因为每次当我在新的公司用新电脑时，都会经历一段时间的不适应，最根本的原因就是电脑换了，之前熟悉的电脑工作环境全没了，极大地降低了工作效率，而由于自己又记不住所有用到的软件，因此决定把它们全部通过这篇文章记录下来，那么，开始吧~
正文
vscode插件
vscode是我们前端工程师打交道最多的一个工具，因此有一套让自己使用起来舒服的插件集才能事半功倍，下面列出我使用的所有插件
- ESLint
- Better Comments: 提升查看注释的体验
- Git History
- GitLens — Git supercharged：精确查看每一行的提交来自于谁，甩锅必备
- Live Server：小手一动，服务器到手，调试美滋滋
- Markdown Preview Enhanced：实时查看markdown内容
- open in browser：直接用默认浏览器打开当前文件
- Prettier - Code formatter
- Svg Preview：直接查看svg文件的图像内容
- XML Format
- Auto Rename Tag：自动修复配对的标签
- Code Spell Checker：对拼写的单词进行检测，及时发现拼写错误
- Image Preview：实时预览链接路径对应的图片内容
- Import Cost：查看导入的npm包大小
- Highlight Matching Tag：高亮匹配的标签对
- Pretty TypeScript Errors：优化显示typescript类型错误的提示信息
浏览器插件
有了强大的插件加持，开发效率杠杠的
- GitZip for github：不想下载整个仓库内容，只想下载其中某几个文件？试试它吧~
- React Developer Tools：开发react必备
- Redux DevTools：开发redux应用必备
- Cookie-Editor：方便快速修改cookie
- copixel: 快速对比设计图与网页的差异，像素级对比
- csspeeper: 开发者工具的插件实现，快速查看网页元素尺寸
桌面辅助工具
有了下面这些工具，办公效率噌噌噌地提升
- snipaste: 截图神器
- licecap：录制gif神器
- colorspy: 屏幕取色神器
- 网易有道词典：划词翻译，阅读英文文档神器
- Mousetrack：高亮光标，演示ppt必备
- fastcopy：光速复制粘贴文件
- listary：光速搜索定位到需要的文件
实用网址
各种神网站，包罗万象
- 图片压缩
- 基于React的可缩放图片控件
- 浏览器兼容性查询
- GitHub搜索项目技巧
- 在线查看AST
- 在线编辑生成loading图
- EMOJI中文网
- clip-path maker
- 创建svg动画库
- md一键转换为微信公众号文章
- 可视化对比npm包下载量
- 调试网页响应式布局兼容性
- ai工具箱
- 免费各类api-1
- 免费各类api-2
- 前端炫酷交互效果
- loading图标制作
- 免费翻墙工具
- 免费试用各种大模型
- 生成随机图片
- 油猴脚本
- 全景图素材
- 抓包工具 wireshark
杂项
- Fiddler：请求响应按需修改，开发调试神器
- Postman：开发调试必备
- Xmind：制作思维导图神器
- winscp：代替xftp，免费又好用
- 7zip：解压和压缩文件的轻量级工具
- smalldev：开发小工具百宝箱
- nodejs内网穿透库 localtunnel
如果本文对你有帮助，希望能给我一个免费的赞呀👍，听说点赞的人帅气又美丽，升职又加薪😘
