vite · Vite Docs

Vite v5 Vite Getting Started

An introductory guide for setting up and beginning development with Vite 5.

Import to Prompt Buddy

Derived skill

Files assembled from official documentation

Viewing SKILL.md

Vite v5 Vite Getting Started

An introductory guide for setting up and beginning development with Vite 5.

When To Use

Use when you need to initialize a new project environment and perform the initial setup required to run Vite 5 development servers.

Reference Files

What This Skill Covers

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...
Main sections: Overview , Browser Support , Trying Vite Online , Scaffolding Your First Vite Project , Community Templates .

Workflow

Open the most relevant file under docs/ for the exact documented workflow and wording.
Open schemas/ files for exact structured contracts.
Open examples/ files for concrete requests, commands, snippets, and manifests.
Do not add behavior or configuration that is not present in the attached source files.

Canonical source: https://v5.vite.dev/guide

Skill metadata

Name: Vite v5 Vite Getting Started
Author: Bruno HANSS - Prompt Buddy
Generation mode: Ai Assisted Human Authored
Source count: 1

Provenance

Source program: Vite Docs
Last generated: May 10, 2026
Last source sync: Unknown
Source pages: 1

Safety model

Canonical source pages are preserved separately. Derived files record source evidence and require zero AI-generated facts.

File tree

Source links

https://v5.vite.dev/guide Back to skills

File	Contains	Use For
`SKILL.md`	Entry point: scope, routing table, and workflow.	Start here.
`docs/v5-vite-getting-started-workflow-guide.md`	An introductory guide to Vite v5 covering overview, browser support, and project scaffolding.	Questions about an introductory guide to Vite v5 covering overview, browser support, and project scaffolding.
`examples/v5-vite-getting-started-vite-v5-getting-started-npm-create-command.text`	The npm command used to initialize a new Vite project via the create-vite scaffolding tool.	Exact payloads, commands, or snippets shown in The npm command used to initialize a new Vite project via the create-vite scaffolding tool.
`examples/v5-vite-getting-started-vite-v5-getting-started-project-creation-command.text`	The shell command used to initialize a new Vite project using yarn.	Exact payloads, commands, or snippets shown in The shell command used to initialize a new Vite project using yarn.
`examples/v5-vite-getting-started-vite-v5-getting-started-pnpm-create-command.text`	The shell command used to initialize a new Vite project using pnpm.	Exact payloads, commands, or snippets shown in The shell command used to initialize a new Vite project using pnpm.
`examples/v5-vite-getting-started-vite-v5-getting-started-bun-create-command.text`	The shell command used to initialize a new Vite project using the bun package manager.	Exact payloads, commands, or snippets shown in The shell command used to initialize a new Vite project using the bun package manager.
`examples/v5-vite-getting-started-vite-v5-getting-started-npm-create-command-2.text`	A text snippet demonstrating the npm create vite command with the double-dash flag for template selection.	Exact payloads, commands, or snippets shown in A text snippet demonstrating the npm create vite command with the double-dash flag for template selection.
`examples/v5-vite-getting-started-vite-v5-getting-started-create-vue-app-command.text`	The shell command used to scaffold a new Vue project using the Vite create command.	Exact payloads, commands, or snippets shown in The shell command used to scaffold a new Vue project using the Vite create command.
`examples/v5-vite-getting-started-vite-v5-getting-started-pnpm-create-command-2.text`	A command line instruction demonstrating how to scaffold a new Vue project using the pnpm create vite command with a Vue template.	Exact payloads, commands, or snippets shown in A command line instruction demonstrating how to scaffold a new Vue project using the pnpm create vite command with a...
`examples/v5-vite-getting-started-vite-v5-getting-started-bun-create-vue-template.text`	A command line instruction demonstrating how to scaffold a new Vue project using Bun and the Vite create command.	Exact payloads, commands, or snippets shown in A command line instruction demonstrating how to scaffold a new Vue project using Bun and the Vite create command.
`examples/v5-vite-getting-started-vite-v5-getting-started-project-scaffolding-comm.text`	A sequence of terminal commands to scaffold a new Vite project using degit and initialize the development environment.	Exact payloads, commands, or snippets shown in A sequence of terminal commands to scaffold a new Vite project using degit and initialize the development environment.
`examples/v5-vite-getting-started-vite-v5-getting-started-install-command.text`	The shell command to install vite as a development dependency using npm.	Exact payloads, commands, or snippets shown in The shell command to install vite as a development dependency using npm.
`examples/v5-vite-getting-started-vite-v5-getting-started-install-command-2.text`	The shell command to install vite as a development dependency using yarn.	Exact payloads, commands, or snippets shown in The shell command to install vite as a development dependency using yarn.
`examples/v5-vite-getting-started-vite-v5-getting-started-pnpm-install-command.text`	The shell command to install Vite as a development dependency using pnpm.	Exact payloads, commands, or snippets shown in The shell command to install Vite as a development dependency using pnpm.
`examples/v5-vite-getting-started-vite-v5-getting-started-bun-install-command.text`	The shell command to install Vite as a development dependency using the Bun package manager.	Exact payloads, commands, or snippets shown in The shell command to install Vite as a development dependency using the Bun package manager.
`examples/v5-vite-getting-started-vite-v5-getting-started-html-preview.text`	A basic HTML template demonstrating the initial Hello Vite! content for a Vite v5 project setup.	Exact payloads, commands, or snippets shown in A basic HTML template demonstrating the initial Hello Vite! content for a Vite v5 project setup.
`examples/v5-vite-getting-started-vite-v5-getting-started-guide.text`	A text-based overview of the initial setup and configuration steps for Vite version 5.	Exact payloads, commands, or snippets shown in A text-based overview of the initial setup and configuration steps for Vite version 5.
`examples/v5-vite-getting-started-vite-v5-getting-started-package-json-scripts.text`	A package.json configuration snippet demonstrating the standard dev, build, and preview scripts for a Vite v5 project.	Exact payloads, commands, or snippets shown in A package.json configuration snippet demonstrating the standard dev, build, and preview scripts for a Vite v5 project.
`examples/v5-vite-getting-started-vite-v5-getting-started-installation-commands.text`	Shell commands for cloning the Vite repository, installing dependencies, building the package, and linking it globally.	Exact payloads, commands, or snippets shown in Shell commands for cloning the Vite repository, installing dependencies, building the package, and linking it globally.