1.查看是否安装了npm

① 使用命令 npm -v 查看版本

当出现版本号说明已安装，若没安装可自行查找node.js安装教程

2.切换到淘宝镜像

① 使用命令 npm config get registry 查看镜像源

当出现上图显示说明已成功切换（当前是淘宝镜像的旧地址），否则可使用nrm管理镜像源

② 使用命令 npm install -g nrm 安装nrm

③ 使用命令 nrm -V 查看版本

当出现上图显示说明已安装成功

④ 使用命令 nrm ls 可查看所有镜像源

如上图

⑤ 使用命令 nrm use taobao 切换到淘宝镜像源

当出现上图显示说明成功切换（现在是淘宝镜像的新地址）

3.vue2项目初始化

vue2官网地址 v2.cn.vuejs.org/

① 安装vue-cli（俗称：vue脚手架），使用命令 npm install vue-cli -g 全局安装

② 使用命令 vue -V 查看是否安装成功

命令 vue list 可查看vue相关信息

② 使用命令 vue init webpack '项目名称' 创建项目

注：红色框框一般选中No，否则会开启严格模式，编程代码时很容易报错哦

③ 用vscode打开项目使用命令 npm run dev 运行项目

打开红线地址即可，如图

4.Vue3项目初始化

vue3官网地址 cn.vuejs.org/

① 确保安装的node.js版本为16.0或以上，可使用命令 node -v 查看版本

② 使用命令 npm init vue@latest 创建项目

③ 用vscode打开项目使用命令 npm install 安装第三方包

④ 使用命令 npm run dev 运行项目

打开红线地址即可，如图