Vue 之NodeJS、NPM安装配置步骤(windows版本)

喜欢ヅ旅行 2024-04-06 13:51 71阅读 0赞

### 一：下载 ###

打开NodeJS的官网，默认的情况主页就提供了Windows版本的下载链接，我们下载LTS版， LTS是长期维护的稳定版本,Current是新特性版本，一般新手建议使用这个版本，因为这个版本使用的人最多，出问题能找到解决方案的概率较大

> #### 下载地址：https://nodejs.org/zh-cn/download/ ####

### 二：解压 ###

下载完成后双击下载好的nodejs-v16.16.0-x64文件开始安装，点击next进入下一步，勾选同意协议，继续下一步。然后选择安装的位置，默认是在C盘，改成D盘安装，并在解压后的目录下建立node\_global和node\_cache这两个目录

>  *  node\_global：npm全局安装位置
>  *  node\_cache：npm缓存路径

### 三： 配置环境变量 ###

新增NODE\_HOME，值为：解压安装的目录路径  
修改PATH并在最后添加：;%NODE\_HOME%;%NODE\_HOME%\\node\_global;

>  *  #### 环境变量查看 ####
>  *  echo %node\_home%
>  *  echo %path%

>  *  #### 测试安装是否成功：打开cmd窗口，输出如下命令会输出NodeJs和npm的版本号 ####
>  *  node -v
>  *  npm -v

![03346d7a25db4c0c82399e207a2fa97f.png][]

### 四：配置npm全局模块路径和cache默认安装位置 ###

打开cmd，分开执行如下命令：

npm config set cache "解压安装目录路径\node_cache"
          npm config set prefix "解压安装目录路径\node_global"

#### 注意事项： ####

> 1.  将步骤一创建的node\_global(npm全局安装位置)和node\_cache(npm缓存路径)与npm联系起来
> 2.  如果执行命令卡死，可以删除C:\\Users\\用户名\\.npmrc 后重新执行。（用户名：为当前电脑的用户名）
> 3.  "解压安装目录路径\\node\_global"，双引号不能少
> 4.  node\_global全局安装位置类似于Maven中的本地Jar包仓库

### 五：修改npm镜像提高下载速度(可以使用 cnpm 或 直接设置 --registry ，推荐设置 --registry) ###

#### 1.registry方式: ####

\#\# 设置淘宝源

npm config set registry https://registry.npm.taobao.org/

\#\# 查看源，可以看到设置过的所有的源

npm config get registry

其实此步骤的内容就是将以下代码添加到C:\\Users\\用户名\\.npmrc文件中

registry=https://registry.npm.taobao.org

#### 2.cnpm方式： ####

npm install -g cnpm --registry=https://registry.npm.taobao.org

(1):cnpm安装完成后，以后就可以用cnpm命令代替npm命令, 此时npm还是会用官方镜像，cnpm会用国内镜像  
(2): 如果要恢复成原来的设置，执行如下：

npm config set registry https://registry.npmjs.org/

###  ###

### 六：验证安装结果 ###

#### 1.版本验证 ####

node -v
       npm -v

#### 2.查看淘宝镜像设置情况 ####

npm get registry

#### 3.查看npm全局路径设置情况 ####

\#\# 此步骤随便全局安装一个模块就可以测评

npm install webpack -g

\#\# 以上命令执行完毕后，会生成如下文件

%node_home%\node_global\node_modules\webpack

[03346d7a25db4c0c82399e207a2fa97f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/04cbdc51bbeb47fe97beb40f4a8649ed.png

发表评论取消回复

表情：

评论列表（有 0 条评论，71人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 之NodeJS、NPM安装配置步骤(windows版本)

一：下载打开NodeJS的官网，默认的情况主页就提供了Windows版本的下载链接，我们下载LTS版， LTS是长期维护的稳定版本,Current是新特性版本，一般新手

喜欢ヅ旅行/ 2024年04月06日 13:51/ 0 赞/ 72 阅读

相关 Redis01之Windows版本的Redis安装配置

目录 0. 学习网址 https://www.w3cschool.cn/redis/https://www.w3cschool.cn/redis/ 1. Redis简介

向右看齐/ 2024年03月30日 14:06/ 0 赞/ 76 阅读

相关 window wamp中配置安装xhprof步骤(windows)

本文章来给各位同学介绍在window wamp中配置安装xhprof方法与具体步骤，希望些方法对各位同学会有所帮助哦。 1.下载在这里 http://dev.freshsit

亦凉/ 2023年10月17日 11:17/ 0 赞/ 151 阅读

相关 jdk安装步骤_windows jdk安装步骤

先下载jdk安装后配置环境变量在windows桌面上右击“我的电脑”—>“属性”—>“高级”—>“环境变量”,在“系统变量”里我们可以看到系统的各个环境变量的。。你下载

ゝ一世哀愁。/ 2023年09月24日 02:13/ 0 赞/ 174 阅读

相关 docker之windows10安装步骤

前提是windows 要打开支持虚拟化 1.下载 [docker-toolbox][] 下载之后一路next安装 2.下载管理工具[https://docs.do

傷城~/ 2022年06月12日 02:15/ 0 赞/ 281 阅读

相关 windows下NodeJS、NPM安装配置步骤

> 1.NodeJS安装 1.1，windows下的NodeJS安装是比较方便的，只需要登陆官网（[http://nodejs.org/][http_nodejs.org]）

ゝ一世哀愁。/ 2022年05月24日 06:51/ 0 赞/ 433 阅读

相关 NodeJS、NPM安装配置步骤(windows版本)

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node

超、凢脫俗/ 2022年04月18日 00:12/ 0 赞/ 338 阅读

相关 Vue-cli的安装步骤详细版本

条件： node在4.以上，npm在3以上安装步骤： 1、cmd打开命令行窗口 2、输入cnpm install vue-cli -g，然后回车等待(想在哪个目

阳光穿透心脏的1/2处/ 2021年09月16日 14:34/ 0 赞/ 334 阅读

相关 NodeJS、NPM安装配置步骤(windows版本)

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node

女爷i/ 2021年09月15日 05:32/ 0 赞/ 451 阅读

相关 NodeJS、NPM安装配置步骤(windows版本)

最近在学习[FIS3-前端工程构建工具][FIS3-] ，碰到要安装node.js和npm。所以下面就来介绍下 1.打开NodeJs官网：[https://nodejs

ゝ一世哀愁。/ 2021年09月14日 00:14/ 0 赞/ 555 阅读