Vite 是一个现代前端开发工具，它利用浏览器原生 ES 模块特性来提供极快的开发体验。

特性

  • 快速：使用原生 ES 模块导入，无需构建步骤，即时热更新。
  • 配置简单：无需配置复杂的构建工具，开箱即用。
  • 生态丰富：与主流 JavaScript 库和框架无缝集成。

安装

npm install --save-dev vite

使用

首先，创建一个新项目：

vite new my-vite-project

进入项目目录：

cd my-vite-project

运行开发服务器：

npm run dev

默认情况下，Vite 将在 http://localhost:3000 上启动。

配置

Vite 的配置文件是 vite.config.js，你可以根据需要修改它。

服务器配置

export default {
  server: {
    port: 3000, // 设置服务端口
    host: '0.0.0.0', // 设置主机
    open: true, // 启动后自动打开浏览器
  },
};

文档

更多详细信息，请访问Vite 官方文档。

Vite Logo