前端开发必装软件快速装机流程【mac/window】，小白必看，换电脑必看，建议收藏

一、安装流程

1.1 安装开发软件

1.1.1 版本管理

（1）安装 git 

需要到 git 的官网根据提示，使用命令行安装。安装完 git 之后才能使用 git bash。

（2）soucetree

图形化 git 管理工具，用于开发过程中仓库的代码管理。

1.1.2 node 环境

（1）安装 nvm

具体可以参考这篇文章。

（2）安装 nrm

使用 nrm 进行镜像管理，直接使用 npm install nrm -g 全局安装即可。

1.1.3 安装 vscode 和对应插件

（1）安装 vscode 必要插件，具体可以参考下图。

（2）window 电脑配置换行格式为LF

因为 git 默认维护的换行是 LF，window上的 vscode 默认是 CRLF，为了和 git 统一，window电脑再安装 vscode 之后一定别忘了配置。

1.1.4 安装抓包工具

常见的抓包工具请参考这篇文章，抓包工具是经常会用到的但是很多都收费，所以建议使用 whistle 免费好用，也可以移动端抓包。

1.2 工具软件

1.2.1 apifox接口调试

也可以使用任何你喜欢的工具，比如 postman 等。

1.2.2 chrome 浏览器和插件

一定要安装 chrome 浏览器，这是最好用的浏览器，并把他设置为默认了浏览器。下载完浏览器一定要把默认搜索引擎改一下，别用 baidu，可以用 bing。

发现没有，浏览器的一些配置页面，可以通过在地址栏输入地址直接跳转，而不用手动点击 【设置】

 （1）广告屏蔽插件

Adblock Plus | 世界排名第一的免费广告拦截程序

（2）导入书签

没错，如果你经常用 chrome 浏览器，你一定有自己的习惯，比如我的书签中有很多常用的网站，每次换电脑都重新收藏很麻烦。你可以登录同一个谷歌账号，并且同步书签，但是如果你有两个电脑就需要来回登录，很麻烦，所以你可以导入、导出书签。

chrome://settings/importData

1.2.3 分屏软件

（1）PowerToys 

window 电脑建议安装微软自带的软件 PowerToys。

（2）rectangle

mac 电脑建议使用 rectangle

1.2.4 解压软件

（1）7zip 官网

如果你是 window 电脑 7z 格式的压缩包无法直接解压，一定要去7-zip 官网安装，要不然很多都收费的。

二、问题总结

2.1 /bin/sh: node: command not found

mac 电脑安装完 node, 运行 node -v 报错，/bin/sh: node: command not found

解决办法，参考这篇文章。

查看自己node 安装的位置

which node

 内容持续更新中，欢迎补充。