Vite 是一个构建工具，用于快速开发现代 JavaScript 应用程序。它利用了浏览器原生 ES 模块特性，提供了即时热更新等功能，极大地提升了开发效率。

快速开始

  1. 安装 Vite
    使用 npm 或 yarn 安装 Vite：

    npm install --save-dev vite

    或者

    yarn add vite

  2. 创建项目
    使用 Vite 创建一个新的项目：

    vite create my-vite-project

    按照提示操作，选择合适的配置。

  3. 启动开发服务器
    进入项目目录，并启动开发服务器：

    cd my-vite-project
npm run dev

    或者

    yarn run dev

    现在你可以访问 http://localhost:3000 来查看你的项目。

特性

  • 即时热更新：当你在项目中修改文件时，Vite 会自动重新加载页面，无需手动刷新。
  • 支持 TypeScript：Vite 内置了对 TypeScript 的支持，无需额外配置。
  • 支持预处理器：Vite 支持 Less、Sass、Stylus 等预处理器。
  • 支持 CSS Modules：Vite 支持使用 CSS Modules 来组织样式。

社区

Vite 是一个开源项目，欢迎你加入我们的社区：

扩展阅读

希望这份指南能帮助你快速上手 Vite！🎉