浏览器插件系列

chrome-plugin-dns-cache-clean

我作为一名半路出家的前端开发/大前端开发，前后端联调的时候，需要经常在各类后端环境/Node环境中切换，想必所有程序员都会遇到这类问题。

但由于浏览器存在DNS缓存，各类代理缓存，资源缓存......（请见：浏览器的缓存机制）有时候不开控制台看Network，我也不知道到命中的是不是缓存。

提高效率，减少无意义的加班，从工具提效开始。

使用之前，需要将chrome的Extensions on chrome:// URLs 设置为启用（Enabled），不过这个属性是浏览器还在测试阶段的属性，会存在一点兼容性问题，以及部分情况下会引发闪退。

chrome-plugin-dns-cache-clean最近好像被下架了，DNS Flush也一样。

whistle web代理

开发过程中经常遇到前端启动一个代理服务器，通过代理服务器访问测试环境/线上环境的情况，此时推荐whistle。whistle是一个基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用（或者反向代理），不同于Fiddler通过断点修改请求响应的方式，whistle采用的是类似配置系统hosts的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式，且可以通过Node模块扩展功能。

快速上手、支持的协议，请见官网： whistle官网

whistle支持的功能

Proxy SwitchyOmega 浏览器Host代理工具

SwitchyOmega是一款在Google Chrome 浏览器上的一个代理扩展程序，可以轻松快捷地管理和切换多个代理设置。比如开发过程中希望把www.baidu.com，全部代理到localhost：8888，就可以通过此代理进行配置。

Proxy SwitchyOmega官网

oh-my-zsh

Mac或者Linux下，原生的命令行工具确实有点难用~~~ 推荐oh-my-zsh，包含当前路径提示，高亮展示等能力。

安装过程

安装zshbrew install zsh zsh-completions
切换到zsh[sudo] chsh -s $(which zsh)
安装oh-my-zshgit clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh
【可选】修改主题 ~/.zshrc里的ZSH_THEME="ys" 主题参考个人感觉默认主题就很好看~~
【可选】安装autojump、zsh-autosuggestions、zsh-syntax-highlighting三个插件 brew install autojump;git clone git://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions;git clone git://github.com/zsh-users/zsh-syntax-highlighting $ZSH_CUSTOM/plugins/zsh-syntax-highlighting
别忘了在~/.zshrc找到plugins=添加下面的，最后保存执行source ~/.zshrc

plugins=(
  autojump
  zsh-autosuggestions
  zsh-syntax-highlighting
)

cmder(windows环境下)

如果是Windows开发环境下，cmd确实有点。。。。。。。推荐cmder，相比于cmd不仅支持鼠标操作，还支持shell命令，cmd命令切换。官网

终端设置

Default Terminal， 在Startup置项框里就可以更改默认终端，选择Special named task，在下拉菜单中选择适合自己的终端。什么？！找不到自己满意的，还以在Startup->Tasks中添加新的终端，及初始化脚本（用来执行一些命令，设置环境变量、命令别名、ssh等）。还可以为这些终端添加快捷键HotKey，方便快速打开。Startup->Environment，能在这里为所有Tasks作初始化设置。
Split window， 按住 "ctrl + shift + e" 水平分屏；按住 "ctrl + shift + o" 垂直分屏（可以在热键设置中更改）；点击Tab bar上的 [+] ，选择 "New Console Dialog" ，里有 "New console split" 选项，即可分屏出不同类型的Terminal了。
Integration， 在其中即可添加右键菜单项，推荐用 "ConEmu Here" 。按住 "Register" 即可添加，但以后删除Cmder之前一定要记得 "Unregister" 一下。
HotKey， 在Keys & Macro中即可，修改添加各种热键。在子设置项中，还可以更改复制方式。Cmder默认设置是左键划取文本后，就自动复制了，十分方便。
另外cmder支持作为Windows环境下VSCode的集成终端。

支持的功能

alias 功能

前端开发工具推荐--系统插件篇