📜  创建 vite 应用程序 (1)

📅  最后修改于: 2023-12-03 14:50:14.382000             🧑  作者: Mango

创建 Vite 应用程序

什么是 Vite?

Vite 是一款基于 Rollup 的构建工具,它专注于快速的开发和热更新。它支持多种语言和框架,例如 Vue、React、Svelte、TypeScript 等等。

安装 Vite

为了使用 Vite,您需要在命令行中安装它:

npm install -g vite

您也可以使用 yarn 进行安装:

yarn global add vite
创建一个 Vite 应用程序

使用 Vite 创建一个新的应用程序很简单。首先,您需要在命令行中进入要创建项目的目录:

cd my-vite-app

然后,使用 create-vite-app 命令创建一个新的项目:

npm init vite-app

或者,使用 yarn

yarn create vite-app

Vite 还支持多种预定义的项目模板,如 Vue、React、TypeScript 等:

npm init vite-app my-app --template vue

或者:

yarn create vite-app my-app --template vue
运行 Vite 应用程序

创建完成后,进入项目目录并启动开发服务器:

cd my-app
npm run dev

或者,使用 yarn

cd my-app
yarn dev

启动成功后,您可以在浏览器中打开 http://localhost:3000,看到您的应用程序已经在运行了。

构建 Vite 应用程序

如果您想要构建您的 Vite 应用程序,只需要在命令行中运行以下命令:

npm run build

或者,使用 yarn

yarn build

这将会在 dist 目录下生成一个打包好的应用程序。

总结

Vite 是一款基于 Rollup 的构建工具,专注于快速的开发和热更新。使用 Vite 创建和运行应用程序非常简单,并且支持多种语言和框架。