如何在Windows环境下安装nodejs与npm

如何在 Windows 环境下安装 nodejs+npm

在安装前我们先来看看这 3 个东东是用来做什么的：

1. npm：Nodejs 下的包管理器；
2. webpack：它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包；
3. vue-cli：用户生成 Vue 工程模板（帮你快速开始一个 vue 的项目，也就是给你一套 vue 的结构，包含基础的依赖库，只需要 npm install 就可以安装）。

开始安装

到 nodejs 官网下载安装包：

双击开始进行安装，选择需要安装的路径，可以使用默认路径，也可自行修改为 D:\nodejs：

一路点 Next，直到点 Finish 完成：

开始配置

安装好后找到 nodejs 文件夹打开后可以发现以下图片内容：

运行 CMD 执行以下命令-检查版本及环境变量是否正常：

echo %PATH%  检查环境变量
npm -v    查看 npm 版本
node -v   查看 node 版本

接下来更改设置缓存目录路径，npm 的本地仓库在系统 C 盘中，如下图建立 2 个目录文件夹：

然后 CMD 执行以下几条命令：

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
npm list -global // 执行以上 2 条后,运行这条命令可以发现本地仓库路径已经改变了

执行以下命令-配置镜像站:

npm config set registry=http://registry.npm.taobao.org

输入以下命令显示所有配置信息:

npm config list 

// 我们关注一个配置文件
C:\Users\Administrator\.npmrc

使用文本编辑器编辑它,可以看到刚才的配置信息。

接下来执行以下命令升级 npm 模块，效果如图所示：

npm config get registry // 检查一下镜像站命令是否可行
npm install npm -g   //升级 npm

再次查看 global 里有什么模块：

注意，此时，默认的模块D:\nodejs\node_modules目录，将会改变为D:\nodejs\node_global\node_modules目录，如果直接运行npm install等命令会报错的，所以需要我们配置node_modules的环境变量，如下图：

注意：以上操作配置完成后需要重新打开 CMD 让配置的环境变量生效。

相关文章推荐：

• Node.js 安装配置
• 如何在 Windows 下正确搭建 vue 开发环境