One thing you may have noticed is that in a Vite project, index.html is front-and-central instead of being tucked away inside public. The supported template presets are: JavaScriptīash npx degit user/project#main my-project index.html and Project Root # You can navigate to vite.new/ to select which framework to use. It runs the Vite-based build setup directly in the browser, so it is almost identical to the local setup but doesn't require installing anything on your machine. Legacy browsers can be supported via the official - see the Building for Production section for more details. The default build targets browsers that support native ES Modules, native ESM dynamic import, and i ta. You can learn more about the rationale behind the project in the Why Vite section. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its Plugin API and JavaScript API with full typing support.

It consists of two major parts:Ī dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR).Ī build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

Vite (French word for 'quick', pronounced /vit/, like 'veet') is a build tool that aims to provide a faster and leaner development experience for modern web projects.

Visual studio code install npm package