Node.js安装教程(npm搭建) - Window

原创已于 2023-06-01 02:32:15 修改 · 3.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#npm #node.js #前端

于 2023-06-01 00:24:09 首次发布

Web 同时被 2 个专栏收录

10 篇文章

订阅专栏

2 篇文章

订阅专栏

本文详细介绍了在Windows环境下安装Node.js的过程，并提供了如何更改Node.js的缓存路径，包括创建node_cache和node_global文件夹，修改环境变量，配置npm镜像源以及测试全局变量更改的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

择心】向大家介绍安装Node.js ( npm搭建 )

一、安装流程

进入Node.js 去下载一个安装包。

在这里插入图片描述

双击下载好的应用程序,弹出安装界面并点击Next，
在这里插入图片描述

接受协议，点击Next，

更改默认安装路径，点击Next，

会默认添加到Path环境变量中去，点击Next，

添加工具（非必选项），点击Next，

点击安装

等待直到点击Finish。

有选择了工具安装的，会唤起cmd，点击任意键，自动安装Python，VC等相关工具，结束也是自动关闭。

以下为Node.js安装目录：
在这里插入图片描述
检测有没有安装成功时，可以按下windows+R键，弹出搜索框后输入cmd启动终端。

在终端中输入node -v后，检测当前Node.js版本，成功显示版本号则安装成功，输入echo %PATH%，能在环境变量中找到Node.js就是加入成功。
在这里插入图片描述

到此，Node.js安装完成！

二、更改Node.js 缓存路径

当安装的模块越来越多，会占用系统盘大量空间，因此需要进行转移。

修改NPM的缓存目录（node_cache）和全局目录（node_global）路径，将其改到你安装的nodejs文件夹下。

1、在nodejs目录下创建两个文件夹，分别是node_cache（存放安装过程中的缓存文件）和node_global（最终模块放置的文件夹）。

md B:\nodejs\node_global 
md B:\nodejs\node_cache  
md是创建文件夹


C:\WINDOWS\system32>md B:\nodejs\node_global

C:\WINDOWS\system32>md B:\nodejs\node_cache

2、修改路径

npm config set prefix "b:\nodejs\node_global"
设置prefix路径为b:\nodejs\node_global
npm config set cache "b:\nodejs\node_cache"
设置cache路径为b:\nodejs\node_cache

npm config get prefix
获取prefix的路径
npm config get cache
获取cache的路径

B:\nodejs>npm config set prefix "b:\nodejs\node_global"

B:\nodejs>npm config set cache "b:\nodejs\node_cache"

B:\nodejs>npm config get prefix
b:\nodejs\node_global

B:\nodejs>npm config get cache
b:\nodejs\node_cache

3、查看路径

npm list -global
查看本地模块仓目录

B:\nodejs>npm list -global
b:\nodejs\node_global
`-- (empty)

npm config list 
或者
npm config ls

C:\Users\SueMagic>npm config ls
; "builtin" config from B:\nodejs\node_modules\npm\npmrc

; prefix = "C:\\Users\\SueMagic\\AppData\\Roaming\\npm" ; overridden by user

; "user" config from C:\Users\SueMagic\.npmrc

cache = "b:\\nodejs\\node_cache"
prefix = "b:\\nodejs\\node_global"
registry = "https://registry.npmmirror.com/"

; node bin location = B:\nodejs\node.exe
; node version = v18.16.0
; npm local prefix = C:\Users\SueMagic
; npm version = 9.5.1
; cwd = C:\Users\SueMagic
; HOME = C:\Users\SueMagic
; Run `npm config ls -l` to show all defaults.

C:\Users\SueMagic>

4、配置npm的镜像源

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

B:\nodejs>npm config set registry https://registry.npmmirror.com/

B:\nodejs>

查看镜像网址配置情况

npm config get registry
获取位置
npm info vue
显示vue信息

C:\Users\SueMagic>npm config get registry
https://registry.npmmirror.com/

C:\Users\SueMagic>npm info vue
npm ERR! code EPERM
npm ERR! syscall mkdir
npm ERR! path b:\nodejs\node_cache\_cacache
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, mkdir 'b:\nodejs\node_cache\_cacache'
npm ERR!  [Error: EPERM: operation not permitted, mkdir 'b:\nodejs\node_cache\_cacache'] {
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: 'b:\\nodejs\\node_cache\\_cacache'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! Log files were not written due to an error writing to the directory: b:\nodejs\node_cache\_logs
npm ERR! You can rerun the command with `--loglevel=verbose` to see the logs in your terminal

C:\Users\SueMagic>

获取vue出错，

5、配置PATH系统环境变量

在这里插入图片描述
在自己电脑上找到此电脑右键->属性->高级系统设置 ->环境变量

①在系统变量中点击新建，设置变量名NODE_PATH，变量值为B:\nodejs\node_global\node_modules（即是你设置的prefix的路径下的node_modules）

点击确定。

②在系统变量中点击新建，设置变量名NODE_HOME，变量值为B:\nodejs\node_global\node_global（即是你设置的prefix的路径下的node_modules）

点击确定。
在这里插入图片描述
并在Path变量中加入刚刚新建的两个变量：
%NODE_HOME%
%NODE_PATH%

6、更新npm测试

npm install npm -g

查看npm版本

npm install npm -g

查看全局模块列表

npm list -global


C:\WINDOWS\system32>npm install npm -g

added 1 package in 5s

27 packages are looking for funding
  run `npm fund` for details

C:\WINDOWS\system32>npm -v
9.6.7

C:\WINDOWS\system32>npm list -global
b:\nodejs\node_global
`-- npm@9.6.7


C:\WINDOWS\system32>

在这里插入图片描述

7、安装有赞的vant组件，以及cnpm测试全局变量更改情况

npm i @vant/weapp -S --production -g
npm install -g cnpm --registry=https://registry.npmmirror.com

C:\WINDOWS\system32>npm i @vant/weapp -S --production -g
npm WARN config production Use `--omit=dev` instead.

added 1 package in 1s

C:\WINDOWS\system32>npm list -global
b:\nodejs\node_global
+-- @vant/weapp@1.10.19
`-- npm@9.6.7


C:\WINDOWS\system32>npm install -g cnpm --registry=https://registry.npmmirror.com
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs

added 470 packages in 13s

27 packages are looking for funding
  run `npm fund` for details
  
  
C:\WINDOWS\system32>npm ls -g
b:\nodejs\node_global
+-- @vant/weapp@1.10.19
+-- cnpm@9.2.0
`-- npm@9.6.7


C:\WINDOWS\system32>