Node.js的12.16.1安装与配置(详细步骤)

一.下载

nodejs下载地址:http://nodejs.cn/download/
进入nodejs下载地址,下载windows版本:
在这里插入图片描述
点击全部安装包
在这里插入图片描述
找到你想要的安装包,我这里是12.16版本,目前比较稳定
在这里插入图片描述

二. 安装

不强调都直接下一步就行
1.双击进行安装
2.next, 勾选同意条款,然后继续,next
3.自己指定安装目录,如下图:(记住路径,等会要配环境变量)
在这里插入图片描述
4.点击Add to Path
在这里插入图片描述

5.next, 默认即可
6.next, 弹出下图所示Ready to install Node.js 界面
在这里插入图片描述
7.install,
8.Finish.

三、安装完后检验版本

3.1 查看版本

Win + R, 输入cmd, 打开 dos 命令行,输入 node -v 查看nodejs 版本号
在这里插入图片描述

3.2 修改配置

nodejs全局依赖安装默认位置在C盘,导致C盘文件太大,影响电脑运行速度。
使用npm安装模块库时,默认全局依赖安装位置为 C:\Users(用户)\用户名\AppData\Roaming\下,所以,建议修改。
1.找一个空间较大的位置,建立两个文件夹
在这里插入图片描述
2.‪在C:\Users\用户名.npmrc中修改prefix和cache属性,或者在命令行输入:

npm config set prefix “F:\CODE\Nodejs\node_global”
npm config set cache “F:\CODE\Nodejs\node_cache”

可将全模块所在路径和缓存路径设为需要的位置,通过npm config ls 可查看配置信息,如下所示:
在这里插入图片描述

3.3 配置环境变量

1.进入 “我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
2.选择 系统变量 创建 NODE_PATH 变量,找到node_modules文件夹(安装文件夹)
变量名:NODE_PATH
变量值:D:\Users\xiong\software\node_modules
在这里插入图片描述
2.在 系统变量 中 选择 Path 添加如下属性:
添加安装路径和刚刚创建的node_global文件夹的路径
在这里插入图片描述

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

说明:由于npm的服务器在海外,所以访问速度比较慢,访问不稳定 ,cnpm的服务器是由淘宝团队提供,服务器在国内,cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装,在项目创建与卸载等相关操作时仍使用npm。

1. 全局安装基于淘宝源的cnpm

根据不同版本使用不同的指令
14.80版本之前的node使用:

npm install -g cnpm@7.1.1 --registry=http://registry.npmmirror.com

14.80版本之后的node使用:

npm install -g cnpm --registry=https://registry.npmmirror.com
2.本地查看cnpm模块

在本地找到cnpm文件夹
在这里插入图片描述
通过cmnpm - v,进行查看(注意切换到当前目录)
如下图所示,即代表cnpm配置成功。
在这里插入图片描述

3.5 全局配置淘宝镜像

不要使用域名

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

检查镜像是否配置成功
再次执行npm config get registry,检查当前的镜像路径:

npm config get registry

3.6 全局安装webpack

npm install webpack -g

3.7测试

全局安装最常用的 express 模块 进行测试
命令如下:

npm install express -g
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/972ff3b9bbbf47c2a7e67b72d43b891a.png)



评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值