构建：基于vite构建

创建好的一个vue脚手架是这样的：

public文件夹中存放的是页面的页签图标

env.d.ts是让ts去认识这些诸如.jpg/.txt等文件，如果贸然删除则会导致无法识别以上文件

index.html 真正的入口文件

package-lock.json/package.json统称为包管理文件

前端要想启动，可以看看package.json文件中的那些命令，最典型的就是npm run dev，在执行之前，得先通过npm i安装好依赖

tsconfig.json/tsconfig.app.json/tsconfig.node.json为ts的配置文件

vite.config.ts为整个工程的配置文件

最为重要的是处于src当中的源代码：

main.ts

import {createApp} from 'vue'

这里的createApp表示创建应用，就相当于种花时的花盆，是应用的根基

import App from './App.vue'

这里的App可以看作成一个组件，根组件

无论写出多少个.vue，它们都是组件

但是无论写出多少个子组件，都要将其挂载到App.vue根组件上进行管理

createApp()代表创建一个前端的应用

.mount('#app') 代表挂载，将这个应用挂载到#app这个容器内

index.html中，一定要写的部分：

1) <div id="app"></div>用来摆放应用的位置

2) 引入main.ts文件

在一个.vue文件中，需要书写以下标签

<template> 用于写html结构

<script> 用于写JS或者TS

<style> 用于书写样式

说白了，其实就是HTML+JS+CSS

<script lang="ts"> 指定语言，虽然写TS，但是JS也可以进行书写，毕竟TS是JS的超集

总结：

1）vite项目中，index是项目的入口文件，在项目的最外层

2）加载index.html后，vite解析<script type="moudule" src="xxx">指向的是JavaScript

3)Vue3是通过createApp函数来创建一个应用实例