Node.js 环境搭建教程

Node.js 环境搭建教程

一、下载与安装

1、下载

下载地址：https://nodejs.org/en/

image-20220111114058239

2、安装

第一步：点击“next”

image-20220111114318301

第二步：勾选“I accept …”，并点击“next”

image-20220111114407028

第三步：点击“change”修改安装目录，并点击“next”

建议装在 D 盘

image-20220111114508065

第四步：点击“next”

image-20220111114554192

第五步：点击“next”

image-20220111114619011

第六步：点击“install”

image-20220111114656823

第七步：安装完成，点击“Finish”

image-20220111114718822

第八步：查看安装结果

1、在键盘按下【win+R】键，输入 cmd，然后回车，打开 cmd 窗口

image-20220111115131703

2、输入 node -v 查看 node 版本，看到版本号即说明安装完成！

image-20220111115221273

二、环境配置

1、创建文件夹

在安装目录下，分别创建下面两个文件夹：node_cache 和 node_global ；

image-20220111115516285

2、配置目录

在 cmd 窗口执行下面命令！

命令

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

演示

image-20220111115716560

补充命令

npm config set registry=https://registry.npm.taobao.org     # 设置淘宝镜像

3、配置环境变量

第一步：打开“高级系统配置”

右键点击 => “我的电脑” => 点击“属性”

image-20220111120002157

第二步：创建 NODE_PATH 系统变量

NODE_PATH 变量值（根据安装目录调整）：D:\MySoft\nodejs\node_global\node_modules

image-20220111120302079

第三步：修改用户变量 Path 下默认的 npm 地址

地址（根据安装目录调整）：D:\MySoft\nodejs\node_global

image-20220111121046507

4、测试

第一步：安装 vue 脚手架

cmd 下执行下面命令

npm install vue-cli -g  # 全局安装 vue-cli

image-20220111121717875

第二步：验证安装结果

cmd 下执行下面命令

vue -V # V 是大写字母

image-20220111132731947