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/

 node.js安装配置以及vue3.0脚手架安装_第1张图片

 2、安装node.js

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

node.js安装配置以及vue3.0脚手架安装_第2张图片

node.js安装配置以及vue3.0脚手架安装_第3张图片

3、验证是否安装成功

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

node.js安装配置以及vue3.0脚手架安装_第4张图片

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

node.js安装配置以及vue3.0脚手架安装_第5张图片

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

node.js安装配置以及vue3.0脚手架安装_第6张图片

 4、node.js环境变量配置 

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

node.js安装配置以及vue3.0脚手架安装_第7张图片

 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

node.js安装配置以及vue3.0脚手架安装_第8张图片

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

node.js安装配置以及vue3.0脚手架安装_第9张图片

安装完成

5、配置淘宝镜像 

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

node.js安装配置以及vue3.0脚手架安装_第10张图片

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

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

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

node.js安装配置以及vue3.0脚手架安装_第11张图片

 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 检查脚手架是否安装成功

脚手架安装完成

你可能感兴趣的:(node.js,前端,javascript)