前端构建工具Vite

前端开发构建工具：Vite - 支持模板 vue、vue-ts

Vs code 安装Vue3配套语法支持、TS支持：Volar - 需要禁用vue2对应的vetur，推荐使用Less

一、搭建Vite项目

1. 创建项目，运行npm init vite@latest命令，按照提示操作即可！

（1）若想构建一个 Vite + Vue 项目，运行 npm init vite@latest my-vue-app --template vue
（1）若想构建一个 Vite + Vue + Typescript 项目，运行 npm init vite@latest my-vue-app --template vue-ts

更多框架-基础模板：create-vite、社区模板：awesome-vite

2. 运行项目

npm install
npm run dev

二、功能

1. Vite 通过原生 ESM 导入提供了用于打包的增强功能。
   NPM 依赖解析和预构建，预构建由 esbuild 执行。

ESM格式：
es — 将 bundle 保存为 ES 模块文件。在现代浏览器中用