老板，来杯vue，加vite

vite基本使用：

• 创建项目 npm init vite-app 项目名称 或者 yarn create vite-app 项目名称
• 安装依赖 npm i 或者 yarn
• 启动项目 npm run dev 或者 yarn dev

总结： vite是什么？

• 使用vite创建项目学习vue3语法，使用vue-cli创建项目正式开发。

使用vite搭建:

## 创建工程

npm init vite-app vue3-vitedemo

## 进入目录

cd vue3-vitedemo

## 安装依赖

npm install

## 运行

npm run dev

 来吧，动起来

输出结果：

App.vue

<template>
  <div class="container">
    我是根组件
  </div>
</template>
<script>
export default {
  name: 'App'
}
</script>

 main.js

// 创建一个vue应用
// 1. 导入createApp函数
// 2. 编写一个根组件App.vue，导入进来
// 3. 基于根组件创建应用实例
// 4. 挂载到index.html的#app容器

import {createApp} from 'vue'
import App from './App.vue'
const app = createApp(App)
app.mount('#app')