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/