在Vite上进行环境配置

Vite是什么？

我們將讓公式的概述更為詳細，但是如果使用Vite，您可以使用快速啟動的開發伺服器，在享受更快更高效的開發體驗的同時，節省更多時間。

建筑工具

Vite是一个构建工具。当输入yarn build或yarn dev命令时，将进行构建并将构建结果输出到build（或dist等）目录中，同时启动开发服务器并在浏览器中显示。在使用create-react-app创建项目时，默认使用react-scripts，而在手动创建项目时需要引入webpack等。使用Vite可以快速构建并立即启动开发服务器。

快速进行Vite环境的设置

只需要一个命令（加上回答问题）就可以生成React的create-react-app和Next.js的create-next-app类似的模板，从而搭建开发环境。

你可以参照公式的“入门指南”，按照以下步骤搭建开发环境。

$ yarn create vite

# Vite + React + Typescript 環境のプロジェクトを作りたい場合
$ yarn create vite my-app --template react-ts

当在命令行上使用TypeScript时，将显示有关以下两种情况的问题，并根据您的回答生成项目。

生成项目后，切换目录并使用以下命令启动开发服务器。

yarn install
yarn run dev