vite基础 - 搭建Vite 项目

Vite（法语中“快速”的意思，发音为 /vit/ ，与“veet”）一样，是一种构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。

默认构建面向支持native ES Modules、native ESM dynamic import和import.meta的浏览器。旧版浏览器可以通过官方 @vitejs/plugin-legacy 来支持 - 有关更多详细信息，请参阅生产构建部分。

搭建Vite 项目

使用NPM:

npm create vite@latest

使PNPM:

pnpm create vite

使用Yarn:

yarn create vite

然后按照提示作！

还可以通过其他命令行选项直接指定项目名称和要使用的模板。例如，要搭建 Vite + Vue 项目的基架，请运行：

# npm 6.x
npm create vite@latest my-vue-app --template vue

# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

# yarn
yarn create vite my-vue-app --template vue

# pnpm
pnpm create vite my-vue-app --template vue

有关每个支持的模板的更多详细信息，请参见 create-vite：vanilla、vanilla-ts、vue、vue-ts、react、react-ts、preact、preact-ts、lit、lit-ts、svelte、svelte-ts。