node.js安装配置以及vue3.0脚手架安装

目录

一、node.js安装配置 

1、下载node.js

 2、安装node.js

3、验证是否安装成功

 4、node.js环境变量配置 

5、配置淘宝镜像 

二、安装vue-cli脚手架 

1、安装vu-cli

2、检查脚手架 

---

一、node.js安装配置 

1、下载node.js

官网地址：https://nodejs.org/zh-cn/

 

 2、安装node.js

双击运行"node-v18.12.1-x64.msi"，然后一路点next。建议安装路径不要选择默认C盘。我这里安装在D盘

3、验证是否安装成功

3.1 查看环境变量：此电脑右键 → 属性 → 高级系统设置 → 环境变量 → 系统变量 → path → 出现环境变量则安装成功

3.2 用命令检查环境：win+R → cmd(可右键选以管理员身份打开) → 输入node -v → 出现版本号则安装成功

 3.3 在node安装的同时会自动安装npm：输入 npm -v 查看

 4、node.js环境变量配置 

 4.1 在安装目录下新建两个文件夹"node_global"，"node_cache"，并在新建的node_global目录下再新建一个"node_modules"目录

 4.2 cmd命令运行以下命令更改缓存路径

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

 4.3 更改npm安装全局模块的目录和缓存路径：此电脑右键 → 属性 → 高级系统设置 → 环境变量 → 用户变量 → path → 将 C:\Users\用户名\AppData\Roamin 改成 安装目录下的全局安装模块路径 D:\devTools\nodejs\node_global

 4.4 新增 NODE_PATH 系统变量值：此电脑右键 → 属性 → 高级系统设置 → 环境变量 → 系统变量  → 新建 → 确定

安装完成

5、配置淘宝镜像 

 5.1 cmd右键以管理员身份进入

5.2 cmd运行以下命令设置淘宝镜像 

        设置淘宝镜像命令：npm config set registry https://registry.npm.taobao.org

        查看当前镜像地址：npm config get registry

 node.js安装完成

二、安装vue-cli脚手架 

1、安装vu-cli

1.1 如果没安装跳过这一步、有安装3.0以下版本的需要输入 npm uninstall vue-cli -g 卸载掉以前的版本

1.2 cmd命令输入 npm install -g @vue/cli 。等待安装完成

2、检查脚手架 

2.1 cmd命令输入 vue -V 检查脚手架是否安装成功

脚手架安装完成