常用的开发工具介绍

代码编辑器

Visual Studio Code

如今，vscode已经成为了前端开发工程师的不二之选，它以轻量级、强大的扩展能力、现代化的界面等特性成为了前端编辑器领头者。

下载地址：code.visualstudio.com

精选!15个web前端必备的VSCode插件：baijiahao.baidu.com/s?id=158546…

插件官网：marketplace.visualstudio.com

git

官网： git-scm.com/

参考文档： zhuanlan.zhihu.com/p/439408077

homebrew：zhuanlan.zhihu.com/p/372576355…

终端

iTerm2

iTerm2是终端的替代品，也是iTerm的继承者。它适用于使用macOS 10.10或更高版本的Mac。 iTerm2将终端带入了您永远不会想到的功能的现代时代。

下载地址：www.iterm2.com

终端配置，可参考： iTerm2+oh-my-zsh+插件集，打造最好用的mac终端

Node

建议使用 NVM 对Node进行管理，在安装Node之前可以先安装好NVM。

安装NVM

• curl

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 

使用NVM

安装好 NVM 之后就可以安装指定版本的Node了，假设安装14.18.0版本的可以执行下面命令：

nvm install 14.18.0

nrm

nrm(npm registry manager ) 是npm的镜像源管理工具，有时候国外资源太慢或者使用私有npm仓库，使用这个就可以快速地在 npm 源间切换 安装nrm

npm install -g nrm

执行命令nrm ls查看可选的源。 其中，带*的是当前使用的源，上面的输出表明当前源是官方源。

如果要切换到taobao源，执行命令nrm use taobao。

nrm use taobao

• 增加

nrm add <源名> <url>

nrm add frp     http://registry.npm.frp.trmap.cn/

• 删除

nrm del 源名。

代理和抓包工具

whistle

官方文档：wproxy.org/whistle/ins…

Charles

一款流行的抓包工具。若您更喜欢Charles的话，也可以使用它来进行手动代理。 下载地址：www.charlesproxy.com

SwitchHosts

SwitchHosts是一个管理、快速切换Hosts小工具，开源软件，一键切换Hosts配置，非常实用，高效。

下载地址 ： github.com/oldj/Switch…

切host不生效解决

原因在于 Chrome 和之前的 Host 还保持着链接，切换 Host 并不会释放这个链接，这种情况下访问的有可能还是之前的 Host，解决方案：

1. 先清理浏览器缓存；
2. Chrome 本身提供了清空链接的功能，把当前保持的链接清空了就能解决这个问题。在浏览器输入：chrome://net-internals/#sockets, 点击flush socket pools, 同时切换到DNS，清理下DNS即可；

postman

Postman是chrome的一款插件，用于做接口请求测试，无论是前端，后台还是测试人员，都可以用postman来测试接口，用起来非常方便。

下载地址

官方使用文档

注意点

post设置请求参数时，需要设置对应的content-type，格式需要对应起来，才能正确处理请求。

参数格式	Content-Type	参数例子
表单提交	application/x-www-form-urlencoded	name=123&password=123
JSON提交	application/json	{"name":"123","password":"123"}
XML提交	text/xml	123.