安装及使用Node.js步骤(win11)

一、系统环境

1.系统版本:Windows 11 家庭版 64位 21H2
2.Node.js:node-v16.13.2-x64.msi

二、操作步骤

1.下载对应系统所需版本的Node.js,Node.js官网地址https://nodejs.org/zh-cn/
*小白直接点击下载即可,官网会自动匹配当前系统最适合的版本。
2.选择安装目录
3.配置系统环境变量
4.调试npm

三、下载并安装Node.js

1.Node.js简介

  • node.js是一个JavaScript的项目管理工具,功能类似于java中的maven或者python中的pip。
  • NPM(node package manager)是 node.js 的包管理和分发工具。
  • 新版的node.js集成了npm,安装node.js后无需额外安装npm。

2.下载node.js

  • 本教程使用安装包为node-v16.13.2-x64.msi
  • 进入node.js官网,下载推荐的node.js安装包
    01_download_1
  • 若无法识别当前平台,可以到下载页手动选择版本下载
    02_download_2

3.安装node.js

  1. 打开安装包node-v16.13.2-x64.msi,点击Next。03_install_1
  2. 同意使用协议,点击Next。
    04_install_2
  3. 修改安装路径
    05_install_3
  4. 选择需要安装的功能,记得选上Add to Path,然后点击Next。
    06_install_4
  5. 根据需要选择可选功能,点击Next。
    07_install_5
  6. 点击Install,在弹出窗口进行管理员授权。
    08_install_6
  7. 点击Finish完成安装。
    09_install_7
  8. 若第5步勾选上可选功能,则完成安装后会出现如下弹窗。
    10_install_8

四、安装完成测试

1.node及npm版本查看

在命令行中使用如下命令查看node及npm的版本。

node -v
npm -v

*尽量不要使用PowerShell,PowerShell目前不稳定,可能会报错。
11_installed_1

2.node.js目录查看

12_installed_2

*五、系统环境变量配置

本步骤将自定义设置npm的缓存目录以及全局依赖目录,因此本步骤是可选的。

1.创建缓存文件夹以及全局依赖文件夹

在理想的位置新建两个文件夹:node_cache和node_global。
13_config_1

2.使用命令行修改npm配置

2.1 修改npm配置

使用管理员身份打开命令行(推荐)或PowerShell,输入下列语句,对npm的配置进行修改。

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

*其中的配置路径需要改为自己的
14_config_1

2.2 检查配置npm配置文件

打开C:\Users\username目录下的.npmrc文件,查看其与刚才的配置是否一致。
15_config_2

2.3 修改用户变量

进入系统变量配置,配置用户变量中的Path变量,在C:\Users\username\AppData\Roaming\npm下新增变量D:\XXXX\nodejs\node_global请勿更改Path中的其他变量值。
16_config_3

2.4 修改系统变量

系统变量中新增系统变量NODE_PATH,设置值为D:\XX\nodejs\node_global\node_modules
17_config_4系统变量的Path中新增值D:\XX\nodejs\node_global\node_modules请勿更改Path中的其他变量值。
17_config_4

六、npm的使用

6.1 使用npm安装插件

使用如下命令可以将create-react-app插件安装到全局库中,执行完成后打开global目录可以看到插件。--save命令可以将依赖项添加到package.json文件中。

npm install -g --save create-react-app

若只是临时使用,不需要安装到全局库中,只需要去掉-g参数即可。
19_using_1

6.2 使用npm卸载插件

使用如下命令可以卸载指定插件,如create-react-app。如果指定插件安装在全局库中,则需要加入-g参数。

npm uninstall create-react-app
npm uninstall -g create-react-app

20_using_2

6.3 使用npm安装指定版本的插件

  • 使用如下命令可以安装0.26.0版本的ramda。
npm install --save [email protected]

七、参考文献

学习node过程中参考如下文献/视频资料

猜你喜欢

转载自blog.csdn.net/m0_50089886/article/details/122655431