配置vue项目环境

一、Nodejs安装

1.Node.js 下载

Node.js官网下载地址

image.png

Node.js中文下载地址

image.png

2.Node.js 安装

node.js简单安装

下载完成后，双击运行下安装包，开始安装，一直无脑安装，一直点 next 即可，安装路径默认事在 C:\Program Files 下，当然这里也可以自定义修改安装路径，但是对于新手来讲非常不建议

安装完成后，我们安装的 node.js 会自动帮助我们配置环境变量。
测试安装时候安装成功！
通过 Win + R 运行菜单，输入 cmd 打开终端窗口，执行 node -v 命令，查看node.js版本

node -v
v16.14.2

执行 npm -v 命令，查看npm版本

npm -v
8.5.0

二、npm配置

配置npm源

npm源，我们又叫npm仓库，默认是一个国外的服务器 https://www.npmjs.com/ 。

在国内使用时，访问速度较慢，通常我们会在第一次使用时，配置一个国内的镜像服务器，在国内我们通常使用的是 https://registry.npm.taobao.org 这个镜像仓库（2022.06.30之后建议更改，详情查看下面 关于npm源的更新）。当然这里也可以使用其他的国内镜像仓库：https://registry.npmmirror.com

关于npm源的更新
原淘宝 npm 域名即将停止解析，正如在《淘宝 NPM 镜像站喊你切换新域名啦》 中预告的那样：http://npm.taobao.org 和 https://registry.npm.taobao.org 将在 2022.06.30 号正式下线和停止 DNS 解析。
域名切换规则：
http://npm.taobao.org => http://npmmirror.com
https://registry.npm.taobao.org => https://registry.npmmirror.com

配置/设置npm镜像仓库指令

npm config set registry https://registry.npmmirror.com

查看npm镜像仓库配置是否成功（显示当前的镜像网址）

npm config get registry

三、NPM镜像管理工具（nrm）

1.nrm，它是一个可随时随地自由切换「NPM镜像」的管理工具。
安装：

npm i -g nrm

查看镜像

nrm ls

增加镜像

nrm add <name> <url>

移除镜像

nrm del <name>

测试镜像

nrm test <name>

使用镜像

nrm use <name>

查看当前镜像

nrm current

image.png