一、学习类工具

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是持续更新的，大家可以保存一下上面的提取地址以便以后快速提取

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

前端工作、学习中常用工具推荐
一.学习类网站推荐 1.w3school 在线教程:这也算是一个前端只是比较全的网站了,里面主要是一些web相关的基础知识. 2.慕课网-程序员的梦工厂:这个网站相信很多人都会用到的,一个程序员在线学 ...
工作中常用的JS函数整理分享（欢迎大家补充）
今年在渣X工作整理的常用JS函数今年来了渣X工作,我所在这个部门分工很奇怪,CSS竟然有专门的人在搞,开发PHP的人员需要处理JS,以至于有时候开发起来不是那么得心应手,感觉把JS和CSS拆开就像是 ...
前端学习与工作中常用网站推荐
一.视频学习/刷面试题网站 1.慕课网(质量好,价格较贵,更专业,废话少) 2.腾讯课堂 (质量参差不齐,价格便宜,较啰嗦) 3.牛客网 (刷刷各大企业的面试题) 4.LeetCode (刷算法题) ...
分享一些工作中常用的工具软件，值得收藏！
前言我之前分享过一篇:分享一些常用的网站和工具,值得收藏!,今天再分享一波关于工作中常用的工具软件! 文章首发在公众号(月伴飞鱼),之后同步到个人网站:http://xiaoflyfish.cn/ ...
工作中常用,实用工具推荐！
原文:工作中常用,实用工具推荐! Red Gate 家族大名鼎鼎的RedGate,相信大家都不会陌生,Reflector就是它家做的.这里就不介绍了.我本地安装的是09年下的一个套装,我介绍下常用的 ...
测试工作中常用在线小工具-初级篇
背景测试过程中经常需要用到一些工具来校验数据的正确性,并且可以帮助测试人员更好的定位问题,所以我总结了我这个初级测试小白日常测试使用的小工具~ 1.在线json转换: http://www.bejs ...
java常用工具类_java(二)：工作中常用到的工具类
工作中大家要用到很多工具类,第三方的jar中有很多现成的工具类符合自己的项目需要,这个时候就不需要去重复造轮子了,从而节省了很多时间,大家可以利用这些时间去做其它重要的事情,如果没有符合自己的工具类, ...
html字体如何运用在ps上,PS新手怎么运用好工作中文本工具
原标题:PS新手怎么运用好工作中文本工具本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 PS新手怎么运用好工作中文本工具?新手只要掌握今天这9个基础方法,就足够对 ...
在工作中常用的sql语句
这个是我以前在工作中常用的一些SQL语句,里面大部分都是从其他网站上找的,只有部分是自己在工作中解决问题事记录的,现在一起贴出来跟大家分享下,其实很多时候看看别人的经验总结和技术的理解,会使自己少走很 ...

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