vue2脚手架创建项目Vue3脚手架工具ViteVite

导读脚手架工具ViteVite，意思是“快”，发音为/vit/，类似veet，全新的前端构建工具。可以理解为一个开箱即用的开发服务器打包工具的组合，但是更轻更快....脚手架工具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 demo01cd demo01npm installnpm run dev

工程结构：

Vite2.0创建项目

创建项目：

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

工程结构：