vue3环境搭建过程

1、下载并安装node

1）下载

下载地址：https://nodejs.org/en/download
nodejs版本：v16.20.2，如果node版本比较低，会出现编译过程语法异常，可以升级版本或者npm安装高版本node依赖（npm i node@16）

2）安装

直接运行安装包，安装后命令行下查看安装版本

>node -v

2、npm版本：8.19.4，与nodejs一同安装

命令行下查看

>npm -v

配置镜像源（淘宝镜像）

npm config set registry https://registry.npm.taobao.org

3、vue/cli版本：@vue/cli 5.0.8

命令行下安装

>npm install -g @vue/cli

检查是否安装成功

>vue -V

4、创建项目

创建项目名为my-project的项目

>vue create my-project

根据提示选择，直到项目创建完成
vue版本：VUE 3（vue@3.2.13，查看>npm list vue，如果依赖出现问题，可把vue卸载“npm uninstall vue”重新装到devDependencies下：“npm install vue --save-dev”）
babel： ES6->ES5 语法转换支持
eslint：语法检查插件
Manually select features：自定义配置

5、运行项目

>npm run serve

6、访问

默认访问地址

http://localhost:8080/