携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情
前言
前端的知识越来越多，需要用到的工具也在不断的增加，刚好最近换了台电脑重新配了一下环境，这里作个记录，以便后续给新电脑配置环境。
目录
- node版本管理工具 --- nvm
- nodejs
- npm（设置淘宝镜像）
- 常用全局依赖
- 开发工具 -- VSCode
- ......
一、NVM
许多公司都会有一些年代有点久远的项目，这个时候如果使用版本比较高的node和npm可能会导致安装依赖的时候各种报错，项目跑不起来，每次都需要根据新老项目来回卸载安装node和npm非常的麻烦，所以拿到新电脑以后没有再去直接下载node，而是下载node的版本管理工具 --- nvm。可以通过命令行快速的安装和切换需要的node版本，其中npm会根据下载的node版本自动安装对应版本。
nvm安装步骤如下：
- github下载 nvm-windows
- nvm安装位置，自己选择，但是注意路径中不能有空格和中文，路径最后的nvm文件夹不要手动新建
- 使用nvm安装的nodejs安装路径
- 环境变量，按照本文步骤和版本安装的话不需要手动配置环境变量。
- 打开终端输入nvm -v，正常显示版本号说明安装成功。
二、nodejs安装
最新稳定版：nodejs.org/en/download…
所有版本：nodejs.org/dist/
三、npm安装
npm一般是跟随node一起下载安装的，无需单独去下载。如果一定要单独下载的话需要注意npm和node的版本是否对应，不对应的话可能会出现一些莫名其妙的问题。
四、常用全局依赖安装
- Vue脚手架 npm install -g @vue/cli
- webpack webpack-cli
- sass
- ......
五、开发工具
开发工具就不多介绍了，参考个人习惯和团队要求。个人常用的是 VSCode点此下载
注意
如果在安装完nvm、nodejs、vue-cli等工具或依赖后，在控制台使用 xxx -v/--version 报错的话，可以关闭终端，重新以管理员身份运行终端再次尝试。
如果已经安装了nodejs要先将其卸载
1、Windows设置 --> 应用--> 找到node --> 卸载
2、任务管理器找到所有node相关进程将其关闭（也可以直接重启电脑）
3、删除下列文件夹内容（如果存在的话，这是默认安装路径，如果有指定路径则根据实际情况删除）
- C:\Program Files (x86)\Nodejs
- C:\Program Files\Nodejs
- C:\Users{User}\AppData\Roaming\npm（或%appdata%\npm）
- C:\Users{User}\AppData\Roaming\npm-cache（或%appdata%\npm-cache）
4、 清空上文提到的环境变量
5、重启再去安装nvm
