使用vite 快速创建项目

bug收集：专门解决与收集bug的网站

网址：www.bugshouji.com

01

vite 介绍

vite: 下一代前端开发与构建工具。

Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。

一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

02

vite 的使用

兼容性注意 Vite 需要 Node.js 版本 >= 12.0.0。

手动选择模板

1、npm init vite@latest 安装vite最新版

如果是第一次安装，会提示你安装对应的packages 选择 y

然后输入项目名字 vite-demo

然后选择框架 vue 或 react 默认就是vue3，不支持vue2

然后选择是否使用ts

2、进入项目，安装依赖再运行

cd vite-demo

npm i

npm run dev

直接选择模板创建

1、创建react项目

npm init vite@latest myreact --template react

2、进入项目，安装依赖再运行

cd myreact

npm install

npm run dev

苟有恒 , 何必三更眠五更起