前端开发环境mac和windows通用（git、nvm、node、Sourcetree...）安装_mac安装sourcetree

此教程mac和windows通用

此次重装系统，安装前端环境踩了很多坑此次记录一下整个我需要的前端最基础的环境的安装，包括git、nvm（node版本管理工具）、node、Sourcetree（可视化git工具）等安装以及淘宝镜像等配置，安装有前后顺序建议跟着走（例如如果们没有安装git直接安装Sourcetree这货就会直接给你安卓git，但是他的源不在国内慢的要死0.0）

写此目的主要是想之后安装环境能够快速安装完毕嘿嘿

一、安装git

可以先使用git --version来查看一下是否安装了

mac直接去官网下载:Git

windows这里我直接在360软件管家中安装,不想安装360的可以直接去官网

二、安装Sourcetree(git可视化工具)

官网：https://www.sourcetreeapp.com/

三、安装nvm

nvm在mac上 nvm use 无法切换默认node版本需要使用nvm alias default xxxx

  node版本管理,按上可以随意切换node版本,开发不同项目时方便

这里nvm建议使用安装包不要使用其他方式还得自己配置环境变量之类的太麻烦，
 并且如果你之前已经安装过node了用这种方式也可以直接接管以前的node不需要卸载之前的（就算你不嫌麻烦你可能卸载不清）

这里注意安装时如果你的电脑名称为中文就自己换一个目录,中文会出问题
 对了安装包下载nvm-setup.exe
 安装包地址：https://github.com/coreybutler/nvm-windows/releases

四、配置nvm国内镜像

mac直接翻过去下载下边是windows

给nvm配置国内镜像要不然node下载的慢的一批
 安装完成后打开安装目录中的C://Users/Administrator/AppData/Roming/nvm/setting.txt*
 这里的路径要注意：

1.这里的前面的路径你可能和我不一样表示的是你的用户名比如说我的叫Administrator（就是开机时屏幕上现实的名字）

2.AppData为隐藏文件夹需要电脑打开显示隐藏文件夹w11在这里w10的自己找找位置大差不差
 
 添加如下内容：
nvm npm_mirror https://npmmirror.com/mirrors/npm/
nvm node_mirror https://npmmirror.com/mirrors/node/

添加后点击关闭然后选择保存

 五、安装node

 按照可安装的版本号下载即可（这里的版本可以直接看看公司其他人用的啥版本）
 nvm install 14.4.0
 安装后记住切换为你要使用的node版本
 nvm use 14.4.0   mac中使用nvm alias default xxxx 然后必须nvm use xxx
 nvm更多功能以及方法自己去查

 六、配置npm淘宝镜像

我感觉必须配置npm淘宝镜像，不然下载太慢了
 直接在命令窗口执行这句话
 npm config set registry http://registry.npmmirror.com
 如果cnpm的话是
 npm install cnpm -g --registry=http://registry.npmmirror.com

七、安装cli脚手架

npm install -g @vue/cli
可以查看一下版本
 vue --version
如果提示
 此时我们按照要求输入Set-ExecutionPolicy -Scope CurrentUser命令，回车，
在黑窗口中输入RemoteSigned解除受限状态，回车，
选择Y

然后就好了
 至此前端最基本的环境安装完毕