一、系统环境
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安装包
- 若无法识别当前平台,可以到下载页手动选择版本下载
3.安装node.js
- 打开安装包node-v16.13.2-x64.msi,点击Next。
- 同意使用协议,点击Next。
- 修改安装路径
- 选择需要安装的功能,记得选上Add to Path,然后点击Next。
- 根据需要选择可选功能,点击Next。
- 点击Install,在弹出窗口进行管理员授权。
- 点击Finish完成安装。
- 若第5步勾选上可选功能,则完成安装后会出现如下弹窗。
四、安装完成测试
1.node及npm版本查看
在命令行中使用如下命令查看node及npm的版本。
node -v
npm -v
*尽量不要使用PowerShell,PowerShell目前不稳定,可能会报错。
2.node.js目录查看
*五、系统环境变量配置
本步骤将自定义设置npm的缓存目录以及全局依赖目录,因此本步骤是可选的。
1.创建缓存文件夹以及全局依赖文件夹
在理想的位置新建两个文件夹:node_cache和node_global。
2.使用命令行修改npm配置
2.1 修改npm配置
使用管理员身份打开命令行(推荐)或PowerShell,输入下列语句,对npm的配置进行修改。
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
*其中的配置路径需要改为自己的
2.2 检查配置npm配置文件
打开C:\Users\username目录下的.npmrc文件,查看其与刚才的配置是否一致。
2.3 修改用户变量
进入系统变量配置,配置用户变量中的Path变量,在C:\Users\username\AppData\Roaming\npm
下新增变量D:\XXXX\nodejs\node_global
。请勿更改Path中的其他变量值。
2.4 修改系统变量
在系统变量中新增系统变量NODE_PATH
,设置值为D:\XX\nodejs\node_global\node_modules
。
在系统变量的Path中新增值D:\XX\nodejs\node_global\node_modules
。请勿更改Path中的其他变量值。
六、npm的使用
6.1 使用npm安装插件
使用如下命令可以将create-react-app
插件安装到全局库中,执行完成后打开global目录可以看到插件。--save
命令可以将依赖项添加到package.json文件中。
npm install -g --save create-react-app
若只是临时使用,不需要安装到全局库中,只需要去掉-g参数即可。
6.2 使用npm卸载插件
使用如下命令可以卸载指定插件,如create-react-app
。如果指定插件安装在全局库中,则需要加入-g参数。
npm uninstall create-react-app
npm uninstall -g create-react-app
6.3 使用npm安装指定版本的插件
- 使用如下命令可以安装0.26.0版本的ramda。
npm install --save ramda@0.26.0
七、参考文献
学习node过程中参考如下文献/视频资料
- segmentfault-灰太狼的情与殇-Node.js安装及环境配置