Vue3:vite 的基本使用

1. 创建 vite 的项目

• 按照顺序执行如下的命令，即可基于 vite 创建 vue 3.x 的工程化项目
• 创建vite项目

2、项目的结构

• 目录结构
• src目录

3、vite 项目的运行流程

• 在工程化的项目中，vue 要做的事情很单纯：通过 main.js 把 App.vue 渲染到 index.html 的指定区域中
  • App.vue 用来编写待渲染的模板结构
  • index.html 中需要预留一个 el 区域
  • main.js 把 App.vue 渲染到了 index.html 所预留的区域中

4、vite 的基本使用

• 在 App.vue 中编写模板结构
  • App.vue内容
• 在 index.html 中预留 el 区域
  • index.html
• 在 main.js 中进行渲染
  • 按照 vue 3.x 的标准用法，把 App.vue 中的模板内容渲染到 index.html 页面的 el 区域中：
    • man.js内容