vue3开发配置和上线配置（1.搭建及安装步骤）

vue3开发配置和上线配置（1.搭建及安装步骤）根据提示依此敲入如下命令vue create vue3-demo使用Vite创建项目yarn create vite-app <project-name> # OR npm init vite-app <project-name>根据选项来创建你的项目卸载之前Vue 2的脚手架npm uninstall vue-cli -g # OR yarn global remove vue-cli全局安装最新版本的Vue Clicnpm install -g @vue/cli # OR yarn global add @vue/cli创建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

运行成功如下图

页面展示