nodejs

Nodejs安装#

安装好nodejs后，在cmd中 分别输入

1
node -v
2
npm -v

环境的配置，

找到nodejs在电脑中的安装地址，在这个安装路径下新创建两个文件夹分别是 node_global，node_cache。

我的安装地址

1
例子：
2
npm config set prefix "C:\Program Files\nodejs\node_global"
3
npm config set cache "C:\Program Files\nodejs\node_cache"
4

5
将上面的地址改为我们自己的地址，我的是
6
npm config set prefix "D:\develop\node\node_global"
7
npm config set cache "D:\develop\node\node_cache"

命令检验一下 是否配置正确

1
npm config get prefix
2
mpm config get cache

配置环境变量#

在global这个文件夹下增加一个 node_module 文件夹，

1
D:\develop\node\node_global\node_modules

用户变量 （用户变量是单个用户的环境）的PATH，

将之前的 C:\Users\j\AppData\Roaming\npm ，以npm 结尾的这个地址修改为

1
D:\develop\node\node_global

系统变量 （系统变量是全局的）的 path 里新建，

1
%NODE_PATH%

最后输入命令 进行检查

1
npm install express -g

配置的作用#

这样就可以让我们输入命令下载的程序安装在

1
D:\develop\node\node_global\node_modules

这个文件夹中了，

下图是下载好的opencode

Node.js、nvm、npm和npx这四个概念到底是什么?

Node.js#

Node.js：让JavaScript在浏览器外运行的环境

简单来说，Node.js本质上是一个JavaScript的运行环境，它能编译并执行我们写的JavaScript代码，

在Node.js出现之前，JavaScript主要是 被浏览器解释执行的，

也就是说我们写的JS代码必须在浏览器中才能运行，而Nodejs的出现彻底改变了这一切，它把JavaScript从浏览器 的”牢笼”中解放出来，让JavaScript可以在任何安装了Node.js的环境中执行。

这个革命性的变化意味着什么呢? 它让我们可以用 JavaScript来开发 服务器端应用程序**，**构建后端服务，甚至开发桌面应用！

nvm#

说完Node.js，我们来看看nvm。

nvm：解决多版本Node.js共存的问题

nvm全称是Node Version Management，即Node版本管理工具。你可能会问：我们开发软件时通常只在一个环境里做开发，为什么需要版本管理工具呢?

主要原因是前端生态这些年发展太快了，Nodejs的更新频率非常高，版本也非常多

想象一下这种情况：一个应用是在最新版本的Node.js中开发的，但当你把它放在一个老版本的Node.js环境中运行时就可能会遇到各种兼容性问题，导致应用无法正常工作，这时nvm就派上用场了！

它是如何管理Node.js版本的呢?

nvm实际上是帮我们在同一台电脑上安装多个不同版本的Node.js，并且可以根据不同项目的需要轻松切换使用哪个版本。

比如，项目A需要Node.js 20，项目B需要Node.js 22，有了nvm，我们只需要一行命令就能完成切换非常方便!

nvm安装配置#

home

D:\develop\nvm\nvm

系统链接

D:\develop\nvm\nodejs

忽略

管理之前已下载好的node版本，

检查

1
# 查看 nvm 版本，version 可简写成 小v
2
nvm version
3
nvm v
4
# 显示 node 是运行在 32 位还是 64 位
5
nvm arch

操作指令#

重点#

1
# 显示已经安装的列表，list 可简化为 ls
2
nvm list
3
# 显示远程可安装的列表，list 也可简化为 ls
4
nvm list available
5
# 卸载指定版本 node
6
nvm uninstall [version]
7
# 使用指定版本 node
8
nvm use [version]

演示

先别敲命令，还没配置好。

少用

1
# 开启 node.js 版本管理
2
nvm on
3
# 关闭 node.js 版本管理
4
nvm off

配置下载镜像#

configure taobao mirror【配置下载镜像】

在 nvm 的安装路径下，找到 settings.txt，在后面加上这两行，设置国内淘宝镜像源：

1
node_mirror: https://npmmirror.com/mirrors/node/
2
npm_mirror: https://npmmirror.com/mirrors/npm/

问题：为什么要配置镜像？

答：配置完国内的镜像后，npm install xxx 的下载速度会很快！

node安装#

install node#

1
nvm list available
2
nvm install 16
3
nvm list
4
nvm use 16

小提示：不要安装 node 的奇数版本！LTS 一般就是偶数版本。

1
nvm use 18

每次使用 nvm 安装 node 都需要手动创建这两个文件夹吗？

答：并不是每次都需要自己手动创建，但是第一次推荐你手动创建，以后当你设置 prefix 和 cache 后，系统会自动创建。

修改 npm 默认镜像源#

1. 修改 npm 镜像源为淘宝镜像源

1
npm config set registry http://registry.npmmirror.com

1. 检查是否成功

1
npm config get registry

【关键】设置全局模板（prefix）和缓存文件（cache）的存放路径：#

使用nvm后，使用前要输入

1
nvm use 版本

node_global：npm install 下载的全局插件

node_cache：node 的缓存

1
# npm config set cache "%NVM_SYMLINK%\node_cache"
2
npm config set cache "D:\develop\nvm\nodejs\node_cache"
3

4
# npm config set prefix "%NVM_SYMLINK%\node_global"
5
npm config set prefix "D:\develop\nvm\nodejs\node_global"
6
# 可编辑 .npmrc 配置文件
7
npm config edit
8
# 查看部分 .npmrc 配置信息
9
npm config ls

输入后 查看or编辑 配置文件，

1
npm config edit

注意：

1. 引号里面换自己的路径
2. 引号里面的路径是软链接（nodejs）的路径

每次使用 nvm 安装 node 都需要配置 prefix 和 cache 吗？

答：并不需要每次都设置。配置的 prefix 和 cache 的信息都在 C:\Users\zhuang\.npmrc 文件里

配置全局变量#

此时，在环境变量中

现在 ，把右侧的三个 添加到Path中

主要是后期你安装些命令之后，系统就会要到这里边找，

npm#

接下来是npm，全称Node Package Manager ,它是Node.js生态系统中的包管理工具。

在没有npm之前如果我们想在项目中 使用第三方库，(比如实现Excel文件上传功能)，

需要手动下载这些库的代码，放在项目的lib文件夹中，然后在需要的地方通过script标签引入，如果项目变得复杂，依赖的第三方库增多，而且这些库之间还可能存在复杂的依赖关系，手动管理将变得极其困难。 npm就是为了解决这个问题而生的。

有了npm，我们只需要在命令行中输入简单的命令，告诉npm我们需要哪些第三方库，它就会自动为我们下载这些库及其所有依赖，并且管理它们之间的依赖关系，同样，当我们不再需要某个库时，也可以通过npm轻松删除。

1
pnpm setup