创建vue3项目

1.使用 vue-cli 创建

官方文档：创建一个项目 | Vue CLI

## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上
vue --version
## 安装或者升级你的@vue/cli
npm install -g @vue/cli
## 创建
vue create vue3-first
## 启动
cd vue3-first
npm run serve

2.使用 vite 创建

官方文档：快速上手 | Vue.js

vite官网：https://vitejs.cn

• 什么是vite？—— 新一代前端构建工具。

  Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方法，它允许快速提供代码。在开发环境下基
  于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。
  通过在终端中运行以下命令，可以使用 Vite 快速构建 VUE 项目比webpack打包更加快速。

• 优势如下：

  ​ 1.快速的冷启动
  ​ 2.即时的模块热更新
  3.真正的按需编译

• 传统构建 与 vite构建对比图

Vite 的实现原理是利用 ES6 的 import 会发送请求去加载文件的特性，拦截这些请求，做一些预编译，省去 webpack 冗长的打包时间。

环境：node.js版本>=12.0.0; npm 6.x

(1)使用vite创建项目的第一种方式

## 创建工程
npm init vite-app <project-name>
## 进入工程目录
cd <project-name>
## 安装依赖
npm install
## 运行
npm run dev

(2)使用vite创建项目的第二种方式

npm init vite <project-name>(项目的名字不写默认为vite)