Windows 下Vue的开发环境配置（nvm、npm、node）

众所周知 目前大部分项目开发使用的是前后端分离的架构。前端大部分是vue，那么vue开发环境配置是怎样的呢？这里一文帮你汇总。

nvm：为nodejs的版本管理工具，安装nvm同时也会安装npm

npm：为vue开发相关插件管理工具（也叫包管理工具），如：打包、安装第三方插件组件等；

目录

一、nvm和npm安装

1）下载nvm安装包

2） 安装程序

3）配置环境变量

4）验证安装

二、node 安装

1）查看目前可安装版本

2）查看已经安装版本

3）配置国内镜像

4）安装指定版本的node

5）验证安装

一、nvm和npm安装

1）下载nvm安装包

nvm-windows:一个针对Windows平台的Node.js版本管理工具

2） 安装程序

下载后双击按照提示安装

选择安装路径（路径最好复制记录好，配置环境变量时候要使用）

选择nodejs的安装路径

最后点击“install”安装即可

3）配置环境变量

我本机是 win11，环境变量配置在 

在系统变量中添加一个 名字为“NVM_HOME”的变量，它的值为nvm的安装路径“C:\Users\pc\AppData\Roaming\nvm”

在系统变量中添加一个 名字为“NVM_SYMLINK”的变量，它的值为nodejs的安装路径“C:\Program Files\nodejs”

 把以上两个变量添加到系统变量“path”中

至此系统变量配置完成。

4）验证安装

任意位置打开终端，输入“nvm”,看结果如下表现安装配置成功

输入“npm”，结果如下图表示也安装成功

二、node 安装

1）查看目前可安装版本

先查询可以安装的版本，可以使用命令“nvm list available” 查看

2）查看已经安装版本

使用命令“nvm list”

3）配置国内镜像

在下载安装node的时候 国内被限速，所以可以通过配置国内镜像。

在nvm安装路径 -> 找到 settings.txt 文件 -> 修改下载源，添加如下代码：

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
 

4）安装指定版本的node

nvm install   node版本号

我这 安装22.9.0这个版本为例

5）验证安装

在nvm安装目录下可以看到 22.9.0的版本

也可以使用命令“nvm list”查看