前端开发必装插件-开发神器
文章目录
一、发送请求工具
1.1 Advanced REST Client
- Advanced REST Client是Chrome浏览器下的一个插件，通过它可以发送http、https、WebSocket请求。
下载地址：链接：https://pan.baidu.com/s/1DfcMjZ0wEihQ9CJZhhJoKg 提取码：1234
安装步骤：
- 在谷歌浏览器地址栏中输入：chrome://extensions/，然后回车；
- 如下操作
- 把下载的Advanced-REST-client_v10.0.12-stable.zip 文件直接拖动到本界面即可。如下是已经加载的插件。
1.2 Postman
下载客户端：链接：https://pan.baidu.com/s/1VCtpc0ByP_1TC_GfIBbNUA 提取码：1234
- Postman：Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。
安装后，需要注册一下，随便填写信息。安装成功后的界面如下：
二、Json查看器：JSONView
下载地址：链接：https://pan.baidu.com/s/16ozNH15-OQC6vyrrNRbBEQ 提取码：1234
下载后进行解压：…\JSONView-for-Chrome-master\JSONView-for-Chrome-master\WebContent
安装时，打开：chrome://extensions/
选择下载后的文件解压后的目录：…\JSONView-for-Chrome-master\JSONView-for-Chrome-master\WebContent
安装成功后，出现如下界面：
三、Vue调试插件：vue-devtools
3.1 下载
首先去github下载vue.zip文件插件（还有npm安装方法这里就不介绍了自行百度）下载地址：https://github.com/vuejs/vue-devtools
3.2 安装
- 下载：链接：https://pan.baidu.com/s/1hDj0fzoc196qbQYBpaRANA 提取码：1234
下载后进行解压，然后在如下界面的：
点击‘加载已解压的扩展程序’，然后选择解压后的目录，安装完毕后出现如下界面：
四、Web Developer
下载地址：
链接：https://pan.baidu.com/s/1xCWKSK7ktSKAonbAfCBLjA
提取码：1234
-
相信在 Chrome 面世之前很多网页开发者都用过 FireFox上的 Web Developer 附加组件，功能非常强大。现在，Chrome 版本的 Web Developer 也正式推出了，而且开发者和 Web Developer For FireFox 是同一个人—— Chris Pederick。添加一个工具栏按钮与各种Web开发工具。网络开发者扩展的官方端口。
-
Web开发人员扩展插件在浏览器上添加了一个工具栏按钮，使用不同的Web开发工具。这是官方端口的Web开发扩展的浏览器。
-
Web Developer 插件强大的功能超乎你的想象，用于CSS网页布局开发调试只是它强大功能的一部分，对于网络程序的开发也提供了非常强大的辅助设计功能，例如：调试CSS、清理Cookie、对表单图片等对象进行操作等等。
-
web developer 尺寸工具的使用方法如下：Resize尺寸工具 我们可以用它来改变浏览器窗口的尺寸，如果我们使用了16001200的分辨率，我们可以借助此工具来模拟1027768的窗口效果。
五、FeHelper
- WEB前端助手:FeHelper是一款chrome浏览器插件。包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取色等web前端开发的常见功能。
官网下载：https://www.baidufe.com/fehelper/index/index.html