vite · Vite Docs
Vite Vite Getting Started
An introductory guide for setting up and starting a new project using Vite.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite Vite Getting Started
An introductory guide for setting up and starting a new project using Vite.
When To Use
Use when you need to initialize a new frontend project environment using Vite scaffolding tools.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/vite-getting-started-workflow-guide.md | A markdown guide providing an overview of Vite, browser support, and instructions for scaffolding a new project. | Questions about a markdown guide providing an overview of Vite, browser support, and instructions for scaffolding a new project. |
examples/vite-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/vite-getting-started-yarn-create-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/vite-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/vite-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/vite-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/vite-getting-started-npm-create-command-2.text | A command line instruction demonstrating how to use npm create vite to scaffold a new project with a specific template. | Exact payloads, commands, or snippets shown in A command line instruction demonstrating how to use npm create vite to scaffold a new project with a specific template. |
examples/vite-getting-started-create-project-command.text | A shell command demonstrating how to scaffold a new Vue project using the Vite create command and a template. | Exact payloads, commands, or snippets shown in A shell command demonstrating how to scaffold a new Vue project using the Vite create command and a template. |
examples/vite-getting-started-pnpm-create-vue-template.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/vite-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/vite-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/vite-getting-started-project-scaffolding-commands.text | Shell commands for scaffolding a new Vite project using npx tiged and initializing the development environment. | Exact payloads, commands, or snippets shown in Shell commands for scaffolding a new Vite project using npx tiged and initializing the development environment. |
examples/vite-getting-started-npm-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/vite-getting-started-yarn-add-command.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/vite-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/vite-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/vite-getting-started-deno-install-command.text | The shell command to install vite as a development dependency using deno. | Exact payloads, commands, or snippets shown in The shell command to install vite as a development dependency using deno. |
examples/vite-getting-started-html-template-preview.text | A plain text representation of the initial HTML template and lead content used in the Vite getting started guide. | Exact payloads, commands, or snippets shown in A plain text representation of the initial HTML template and lead content used in the Vite getting started guide. |
examples/vite-getting-started-npx-command.text | A text snippet demonstrating the command to initialize a Vite project using npx. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the command to initialize a Vite project using npx. |
examples/vite-getting-started-yarn-command.text | The shell command used to initialize and run a new Vite project using yarn. | Exact payloads, commands, or snippets shown in The shell command used to initialize and run a new Vite project using yarn. |
examples/vite-getting-started-pnpm-init-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/vite-getting-started-bunx-command.text | A text snippet demonstrating the command to initialize a new Vite project using bunx. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the command to initialize a new Vite project using bunx. |
examples/vite-getting-started-deno-run-command.text | A text snippet showing the command to run Vite using Deno. | Exact payloads, commands, or snippets shown in A text snippet showing the command to run Vite using Deno. |
examples/vite-getting-started-package-json-scripts.text | A package.json file snippet demonstrating the standard dev, build, and preview scripts for a Vite project. | Exact payloads, commands, or snippets shown in A package.json file snippet demonstrating the standard dev, build, and preview scripts for a Vite project. |
examples/vite-getting-started-npm-install-command-2.text | The npm command used to install a specific pre-release version of Vite as a development dependency. | Exact payloads, commands, or snippets shown in The npm command used to install a specific pre-release version of Vite as a development dependency. |
examples/vite-getting-started-yarn-install-command.text | A text snippet showing the yarn command to install a specific vite version from a pull request package. | Exact payloads, commands, or snippets shown in A text snippet showing the yarn command to install a specific vite version from a pull request package. |
examples/vite-getting-started-pnpm-install-command-2.text | A text snippet showing the pnpm command to install a specific Vite version from a pull request package. | Exact payloads, commands, or snippets shown in A text snippet showing the pnpm command to install a specific Vite version from a pull request package. |
examples/vite-getting-started-bun-install-command-2.text | A text snippet showing the bun command to install a specific vite version from a pull request package. | Exact payloads, commands, or snippets shown in A text snippet showing the bun command to install a specific vite version from a pull request package. |
examples/vite-getting-started-git-clone-setup-commands.text | A sequence of shell commands to clone the Vite repository, install dependencies, build the package, and link it locally. | Exact payloads, commands, or snippets shown in A sequence of shell commands to clone the Vite repository, install dependencies, build the package, and link it locally. |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /guide.md for this page in Markdown format
- 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://vite.dev/guide