大家好，我是孑律，一名还在学习道路上痛苦挣扎的程序猿。
今天给大家带来的是vue3的基本介绍以及两种创建项目的方式。

一、vue3简介

1.vue3简介

• 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）
• 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
• github上的tags地址：github.com/vuejs/vue-n…

2.vue3带来了什么

1.性能提升

• 打包大小减少41%
• 初次渲染快55%, 更新渲染快133%
• 内存减少54%

2.源码的升级

• 使用Proxy代替defineProperty实现响应式
• 重写虚拟DOM的实现和Tree-Shaking

3.拥抱TypeScript

• Vue3可以更好的支持TypeScript

4.新的特性

1.Composition API（组合API）

-   setup配置
-   ref与reactive
-   watch与watchEffect
-   provide与inject

2. 新的内置组件

-   Fragment
-   Teleport
-   Suspense

3.其他改变

-   新的生命周期钩子
-   data 选项应始终被声明为一个函数
-   移除keyCode支持作为 v-on 的修饰符

二、创建Vue3项目的两种基本方式

1.经典的cli创建

官方文档：cli.vuejs.org/zh/guide/cr…

首选运行wind+R键,并输入cmd调出们我的黑窗口

然后输入指令vue reate [自己的文件名]

这里会出现你之前创建的一些配置，我们以它自带的vue3为例(这里的vue3是没有vue-router和vuex的，如果需要还需选择最后一个自己进行配置)

选择完毕就安心等他创建了，等他创建完毕我们就可以在桌面上找到创建的项目进行编译了

2.使用vite进行创建

官方文档：v3.cn.vuejs.org/guide/insta…

vite官网：vitejs.cn

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

• 优势如下：

  • 开发环境中，无需打包操作，可快速的冷启动。

  • 轻量快速的热重载（HMR）。

  • 真正的按需编译，不再等待整个应用编译完成。

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

这样我们就完成了我们的Vue3的文件创建了