1. Octotree

将github项目代码以树形格式展示

2. Vue.js devtools

Vue调试插件

3. 二维码生成器(Quick QR)

将当前页面地址转化成二维码，也可以任意输入内容转化成二维码

4. SwitchyOmega

切换测试环境的方法有两种

  • 根据域名直接访问对应的测试环境，如果遇到跨域问题，就使用devServer, nginx反向代理
  • 修改本地host文件，让请求地址指向测试环境地址

    Hosts是一个没有扩展名的系统文件，其基本作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”。当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，如果没有找到，则会将网址提交DNS域名解析服务器进行IP地址的解析。

当sit, uat生产环境出现bug，需要在本地重现，这时需要请求线上的数据，使用SwitchOmega插件，可以无缝切换host。假设本地环境请求url是10.23.31.122，修改host后，实际请求到的地址是hbank.haday.cn:8093

1
2
3
4
# 设置情景模式
# 请求url -> 修改host后实际请求的地址
10.23.21.122 hbank.haday.cn:8093
10.23.21.122 www.baidu.com