【超详细】Nodejs安装教程

目录

1.安装包下载

2.安装

2.1安装

2.2、验证安装情况

3.修改全局模块下载路径

3.1、设置缓存路径

3.2、修改系统环境变量

4.更换npm源为淘宝镜像

4.1、查看初始npm源

4.2全局安装基于淘宝源的cnpm



1.安装包下载

node.js下载官网: nodejs官网.

进入官网,选择windows的安装包下载即可

2.安装

2.1安装

  • 双击安装包,一直点击下一步。
  • 点击change按钮,更换到自己的指定安装位置,点击下一步(不修改默认位置也是可以的 )。
  • 一直点击下一步,最后安装成功即可。

2.2、验证安装情况

在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面

进入命令提示符窗口,分别输入以下命令,显示版本号,则安装成功,如图。

node -v      回车后     显示安装的nodejs版本
npm -v       回车后     显示安装的npm版本

3.修改全局模块下载路径

3.1、设置缓存路径

如果希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在安装的文件夹【D:\Nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

创建完两个空文件夹之后,跟之前操作一样,在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面,输入下面命令,如图。

说明:
prefix = 创建的node_global文件夹所在路径
cache  = 创建的node_cache文件夹所在路径

-------------------------------------------------------------------------------
npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"

3.2、修改系统环境变量

将【用户变量】下的【Path】修改为【D:\Nodejs\node_global】,之后点击确定。

在【系统变量】下新建【NODE_PATH】【D:\Nodejs\node_global\node_modules】

在【系统变量】下的【Path】新建添加node全局文件夹【D:\Nodejs\node_global】,之后点击确定。

经过上面的步骤,nodejs下载的模块就会自动下载到我们自定义的目录,接下来我们测试一下。输入下面的命令:

npm install express -g     # -g是全局安装的意思,不加 -g 就是默认下载到当前目录

如图,下载成功,我们回到我们定义的目录查看。

可以看到,下载的express模块以及成功下载到全局的指定目录。

注:若执行命令npm install express -g 出现如下报错

 是由于权限的原因,右击Nodejs文件夹->属性->安全,点击编辑,将所有权限都✔即可。

4.更换npm源为淘宝镜像

说明:npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载,国内很慢,一般都会指向淘宝


4.1、查看初始npm源

如图:

npm config get registry

更换镜像为淘宝镜像

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

配置是否成功 

npm config get registry

4.2全局安装基于淘宝源的cnpm

cnpm的服务器是由淘宝团队提供 服务器在国内cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是一般cnpm只用于安装时候,所以在项目创建与卸载等相关操作时候我们还是使用npm。

全局安装基于淘宝源的cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

下载完后,我们在本地就能看到cnpm模块

执行命令查看cnpm是否安装成功

cnpm -v

如图,即代表cnpm环境配置成功。

到此就node.js 的安装就结束了,欢迎交流指正。

以下是一份超详细Node.js 配置教程: ### 1. 下载 Node.js 可从 Node.js 官网下载所需版本。若想安装 16.14.2 LTS 版本,可按对应指引操作;若想安装其他版本也可行 [^2]。 ### 2. 安装过程 安装时一路点击“Next”即可,不过有两个地方可能需要改动(具体改动图可参考对应教程) [^2]。 ### 3. 检查安装信息 安装完成后,打开命令提示符(cmd),依次输入 `npm -v` 和 `node -v` 两个命令,若出现版本信息,说明安装成功 [^2]。 ### 4. 更改安装信息(选做,但建议修改) - 在安装路径下新建两个文件夹,分别命名为 `node_cache` 和 `node_global` [^2]。 - 在 cmd 中执行以下命令(需将路径改成新建文件夹的路径): ```bash npm config set prefix "{Node.js安装目录}\node_global" npm config set cache "{Node.js安装目录}\node_cache" ``` 例如,若安装目录为 `D:\nodejs`,则命令如下: ```bash npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache" ``` - 添加环境变量,具体操作可参考对应教程 [^2]。 ### 5. 更改镜像源 以管理员身份运行 cmd,执行以下命令: ```bash npm install -g cnpm --registry=https://registry.npm.taobao.org ``` 此操作可加快包的下载速度 [^2]。 ### 6. 安装全局 vue-cli 脚手架(可选) 在 cmd 中执行命令: ```bash cnpm install --global vue-cli ``` 若报错 `Error: EPERM: operation not permitted, mkdir '...'`,解决方案如下: - 进入 cnpm安装路径,执行 `cnpm -v` 检查是否安装成功,若成功则会返回版本信息。 - 在确保安装成功的前提下,进行权限修改操作(根治法),右击 nodejs 安装文件夹,选择“属性” -> “安全”,编辑权限,选中“完全控制”。 安装成功后,执行命令 `vue -V` 便可返回版本信息 [^2]。
评论 18
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

题安题安

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值