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

一、学习类工具

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值