vite（脚手架工具Vite）

脚手架工具Vite

Vite，意思是 “快”，发音为 /vit/，类似veet，全新的前端构建工具。可以理解为一个开箱即用的开发服务器 + 打包工具的组合，但是更轻更快。

Vite利用浏览器原生的ES模块支持和用编译到原生的语言开发的工具（如：esbuild）来提供一个快速且现代的开发体验。

Vite官网地址：https://cn.vitejs.dev/

GitHub仓库地址：https://github.com/vitejs/vite

Vite官方中文文档：https://cn.vitejs.dev/guide/

Vite的特点（和Webpack相比）

1、快速的冷启动，不需要等待打包。

2、即时的热模块更新。

3、真正的按需编译，不用等待整个项目编译完成。

Vite1.0创建项目

创建项目：

创建项目（Vite 1.0）： npm init vite-app demo01 cd demo01 npm install npm run dev

工程结构：

Vite2.0创建项目

创建项目：

创建项目（Vite 2.0）： npm init @vitejs/app demo02 >√ Select a framework: » vue >√ Select a variant: » vue cd demo02 npm install npm run dev

工程结构：