Vue3教程 1.Vue3的安装

简介

Vue3 官方给出了两种安装方式，一种是用脚手架安装，一种是vite。以下是安装时需要注意，可能会影响你安装失败：

1.node版本太旧了，或者要清除安装的缓存

2.yarn, cnpm是否安装更新

3.网络不好，推荐使用淘宝镜像

使用Vue脚手架创建Vue3项目

卸载之前Vue 2的脚手架

npm uninstall vue-cli -g
# OR
yarn global remove vue-cli

全局安装最新版本的Vue Cli

cnpm install -g @vue/cli
# OR
yarn global add @vue/cli

创建Vue3项目

vue create vue3-demo

使用Vite创建项目

yarn create vite-app <project-name>
# OR
npm init vite-app <project-name>

根据选项来创建你的项目

根据提示依此敲入如下命令

# 进入目录
cd vue3-mall

# 安装依赖
yarn

# 开启项目
yarn dev

运行成功如下图

页面展示