择心】向大家介绍安装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>