创建Vue3项目

218 阅读1分钟

1、检查是否安装node

电脑快捷键win+R,输入cmd。

Snipaste_2023-09-07_10-22-05.png

进入命令行终端

Snipaste_2023-09-07_10-24-49.png 输入node -V查看是否安装了node开发环境

Snipaste_2023-09-07_10-24-49.png

Node.js下载安装及环境配置教程【超详细】_nodejs下载-CSDN博客

2、安装vue-cli脚手架

查询脚手架版本vue -V

image.png

没有就执行下载脚手架

npm uninstall -g vue-cli //卸载vue-cli

npm install -g @vue/cli //安装vue-cli(最新版)

npm install -g vue-cli //安装vue-cli2版本

image.png

3、创建项目

在文件夹中执行

vue create vue3-demo // 创建vue3项目

vue init webpack vue2-demo //创建vue2项目

image.png

选择配置,按键盘的上下可以进行选择,按回车进行确认

image.png 1、选择vue3的默认项目结构,其他的后续自己加

2、选择vue2的默认项目结构,其他的后续自己加

3、自定义,根据自己的需要进行初始化搭配

image.png 创建项目成功,并根据提示进入项目目录启动项目 image.png

项目启动成功

image.png