工作中常用工具推荐及资源分享

一、学习类工具

1. 前端导航网站

链接： https://webjike.com/web.html

前端导航是小呆导航推出的前端开发行业版，收录了大量高质量前端相关站点，为广大用户提供学习网站、学习方向、学习途径、最新前端框架等内容。是国内收录内容最全的前端导航。

2. CodePen

链接： https://codepen.io/

一个网站前端设计开发平台，针对网站前端代码的一个工具，上面有各种效果的案例特效（炫技），可以在他们的 demo 基础上开发自己的前端设计。

二、开发类

1. TortoiseGit - git代码管理工具

链接：TortoiseGit 安装及使用教程

Git作为一个复杂的版本控制系统，命令之多，即使经常使用，一些命令也记不住，一般只记住几个常用的命令，不是所有使用Git命令行都是高效的。可以借助一个图形化的软件，TortoiseGit来操作git。

2. Sourcetree - Git可视化工具

官网： https://www.sourcetreeapp.com/

3. Can I Use - 前端兼容性自查工具

链接：https://caniuse.com/

这是一个针对前端开发人员定制的一个查询CSS、JS在个中流行浏览器钟的特性和兼容性的网站，可以很好的保证网页的浏览器兼容性。有了这个工具可以快速的了解到代码在各个浏览器钟的效果。

4. ApiPost - 接口调试工具

链接： https://www.apipost.cn/

ApiPost是一个支持模拟POST、GET、PUT等常见HTTP请求,支持团队协作,并可直接生成并导出接口文档的API 文档、调试、Mock、测试一体化协作平台

5. Spy-Debugger - 一站式页面调试工具

链接：Spy-Debugger使用教程

一站式页面调试工具。调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，无需USB连接设备。

6. 钉钉内网穿透

钉钉开发平台官网： 内网穿透之HTTP穿透

钉钉团队为了解决开发者开发时没有公网域名或者公网ip，故开发了一套提供公共代理服务，目的是方面开发测试。

7. vConsole

链接：https://gitee.com/mirrors/vConsole/

vConsole 是一个轻量、可拓展、针对手机网页的前端开发者调试面板。

特性

• 查看 console 日志
• 查看网络请求
• 查看页面 element 结构
• 查看 Cookies、localStorage 和 SessionStorage
• 手动执行 JS 命令行
• 自定义插件

三、办公类

1. Snipaste - 截图工具

链接：官网

snipaste功能简单但操作方便，可以满足基本日常使用。取色、开发者定位的是贴图软件，可以将截的一些图贴在一起，便于工作拼图、看图的需求。

2. 格式工厂

链接：http://www.pcgeshi.com/

是一款免费多功能的多媒体格式转换软件。

• 支持几乎所有类型多媒体格式到常用的几种格式
• 转换图片文件支持缩放，旋转，水印等功能
• 支持转换过程中可以修复某些意外损坏的视频文件

3. Everything - 文件搜索工具

下载链接： https://www.voidtools.com/zh-cn/

• 专治各种随手下载，忘记存在哪里的文件，忘记文件名的文件。
• 只要你记得这个文件的部分信息，就可以通过everything找到。它体积小，仅索
• 如果你是在忘记了文件名称，还可以用过函数content：来搜索文件内的内容。

4. Beyond Compare - 文件对比工具

官网下载地址：https://www.beyondcomparepro.com/download/

破解版下载地址：

链接：https://pan.baidu.com/s/1ORDbmEnO3a8y0PAd3CbRhg?pwd=vaff
提取码：vaff

可以高效对比整个驱动器和文件夹，检查大小和修改时间；或者逐字节完整验证每个文件

四、在线类 - 高效工具

1. 在线PS

网站： https://ps.gaoding.com/#/

在线PS它的修图界面几乎和Photoshop一模一样，操作方法也都一样。还支持PSD、XD等多种文件格式，非常适合临时修图但又没有Photoshop软件的时候使用。

2、在线图片转文字

链接：https://www.gaitubao.com/tupian-wenzi

五、文档类

六、模板类

1. Officeplus

网站：https://www.officeplus.cn/

OfficePlus，是微软旗下的Office模板网站，提供了PPT、Word和Excel三类模板，这些模板都可以免费下载。

模板虽然是免费的，但质量却不比一些收费模板差，大部分模板是由微软邀请的设计师制作的，其余模板则是由一些用户上传的。

七、 Chrome 扩展

1. Axure插件 axure-chrome-extension

链接：https://pan.baidu.com/s/1LRfigP649BCWeaTmkccygQ?pwd=ijw0
提取码： ijw0

2. 浏览器插件

官网下载地址：https://www.iggzs.com/

3. vue-devtools

用于调试 vue 应用，这可以极大地提高我们的调试效率。

链接：https://pan.baidu.com/s/1MNYgYrUUDmJfkoOhDv4HDA?pwd=bv4z
提取码：bv4z

八、编译器

1. Webstorm

官网：https://www.jetbrains.com/zh-cn/webstorm/

pojie（jihuoma）： https://www.ajihuo.com/

里面分新版本和老版本两种jihuoma，大家选择合适自己版本的即可，jihuoma是持续更新的，大家可以保存一下上面的提取地址以便以后快速提取