vite · Vite Docs
Vite v6 Vite Getting Started
The entry point for the Vite 6 guide which provides the foundational steps for setting up a new project and understanding the core development environment.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite v6 Vite Getting Started
The entry point for the Vite 6 guide which provides the foundational steps for setting up a new project and understanding the core development environment.
When To Use
Use when you need to initialize a new Vite project and configure a basic development environment.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/v6-vite-getting-started-workflow-guide.md | An introductory guide to Vite v6 covering overview, browser support, and project scaffolding. | Questions about an introductory guide to Vite v6 covering overview, browser support, and project scaffolding. |
examples/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-getting-started-create-project-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/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-getting-started-deno-init-command.text | A text snippet showing the deno command to initialize a new Vite project using npm. | Exact payloads, commands, or snippets shown in A text snippet showing the deno command to initialize a new Vite project using npm. |
examples/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-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 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/v6-vite-getting-started-vite-v6-getting-started-bun-create-vue-template.text | A command line instruction demonstrating how to scaffold a new Vue project using the Bun package manager 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 the Bun package manager and the Vite... |
examples/v6-vite-getting-started-vite-v6-getting-started-deno-init-command-2.text | A command line instruction demonstrating how to initialize a new Vite project using Deno with a Vue template. | Exact payloads, commands, or snippets shown in A command line instruction demonstrating how to initialize a new Vite project using Deno with a Vue template. |
examples/v6-vite-getting-started-vite-v6-getting-started-project-initialization-c.text | Shell commands for scaffolding a new Vite project using degit and initializing dependencies. | Exact payloads, commands, or snippets shown in Shell commands for scaffolding a new Vite project using degit and initializing dependencies. |
examples/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-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/v6-vite-getting-started-vite-v6-getting-started-deno-install-command.text | The shell command to install Vite v6 as a development dependency using Deno. | Exact payloads, commands, or snippets shown in The shell command to install Vite v6 as a development dependency using Deno. |
examples/v6-vite-getting-started-vite-v6-getting-started-guide.text | The introductory text and HTML structure for the Vite v6 getting started guide. | Exact payloads, commands, or snippets shown in The introductory text and HTML structure for the Vite v6 getting started guide. |
examples/v6-vite-getting-started-vite-v6-getting-started-npx-command.text | The shell command used to initialize and run a new Vite project using npx. | Exact payloads, commands, or snippets shown in The shell command used to initialize and run a new Vite project using npx. |
examples/v6-vite-getting-started-vite-v6-getting-started-yarn-command.text | The shell command used to initialize and run a Vite project using yarn. | Exact payloads, commands, or snippets shown in The shell command used to initialize and run a Vite project using yarn. |
examples/v6-vite-getting-started-vite-v6-getting-started-pnpm-init-command.text | The terminal command used to initialize a new Vite project using pnpm. | Exact payloads, commands, or snippets shown in The terminal command used to initialize a new Vite project using pnpm. |
examples/v6-vite-getting-started-vite-v6-getting-started-bunx-command.text | A text snippet demonstrating the bunx command to initialize a new Vite project. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the bunx command to initialize a new Vite project. |
examples/v6-vite-getting-started-vite-v6-getting-started-deno-run-command.text | A text snippet demonstrating the command to run Vite v6 using Deno. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the command to run Vite v6 using Deno. |
examples/v6-vite-getting-started-vite-v6-getting-started-package-json-scripts.text | A package.json file demonstrating the standard dev, build, and preview scripts for a Vite v6 project. | Exact payloads, commands, or snippets shown in A package.json file demonstrating the standard dev, build, and preview scripts for a Vite v6 project. |
examples/v6-vite-getting-started-vite-v6-getting-started-npm-install-command.text | The shell command to install the Vite v6 preview version via npm. | Exact payloads, commands, or snippets shown in The shell command to install the Vite v6 preview version via npm. |
examples/v6-vite-getting-started-vite-v6-getting-started-yarn-install-command.text | A text snippet showing the yarn command to install the Vite v6 preview package. | Exact payloads, commands, or snippets shown in A text snippet showing the yarn command to install the Vite v6 preview package. |
examples/v6-vite-getting-started-vite-v6-getting-started-pnpm-install-command-2.text | The shell command to install the Vite v6 preview version using pnpm. | Exact payloads, commands, or snippets shown in The shell command to install the Vite v6 preview version using pnpm. |
examples/v6-vite-getting-started-vite-v6-getting-started-bun-install-command-2.text | A text snippet showing the bun command to install the Vite v6 preview package. | Exact payloads, commands, or snippets shown in A text snippet showing the bun command to install the Vite v6 preview package. |
examples/v6-vite-getting-started-vite-v6-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. |
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://v6.vite.dev/guide