Vite+Vue3创建项目案例

今天我们学习一下Vite创建项目的过程。

一）基本概念

Vite是什么？

        Vite（法语意为 "快速的"，发音/vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验，作者是尤雨溪。

支持ES模块化开发；

开发过程中及时更新代码，即热更新，无需重新加载页面或清除应用程序状态；

二）快速搭建一个项目

注意，需要Node的版本>=12.0.0。

方式一：直接构建，按提示选择

1、使用NPM创建项目：

npm init vite@latest

创建的时候需要选择项目类型模板，比如Vue、React等等：

 

2、使用Yarn创建项目：

yarn create vite

 

3、使用PNPM创建项目：

pnpm create v