如何在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 开发环境

以上关于如何在Windows环境下安装nodejs与npm的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。