vite · Vite Docs
Getting Started | Vite (main branch)
The entry point for Vite documentation that provides the foundational workflow for setting up, installing, and starting a new development project.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Getting Started | Vite (main branch)
The entry point for Vite documentation that provides the foundational workflow for setting up, installing, and starting a new development project.
When To Use
Use when you need to initialize a new frontend project using Vite and configure the initial development environment.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/main-vite-getting-started-branch-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/main-vite-getting-started-branch-vite-getting-started-npm-create-command.text | The shell command used to initialize a new Vite project using the npm create vite utility. | Exact payloads, commands, or snippets shown in The shell command used to initialize a new Vite project using the npm create vite utility. |
examples/main-vite-getting-started-branch-vite-getting-started-yarn-create-comman.text | The shell command used to initialize a new Vite project using yarn create vite. | Exact payloads, commands, or snippets shown in The shell command used to initialize a new Vite project using yarn create vite. |
examples/main-vite-getting-started-branch-vite-getting-started-pnpm-create-comman.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/main-vite-getting-started-branch-vite-bun-create-project-command.text | A text snippet demonstrating the command to initialize a new Vite project using the Bun package manager. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the command to initialize a new Vite project using the Bun package manager. |
examples/main-vite-getting-started-branch-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/main-vite-getting-started-branch-vite-npm-create-template-command.text | A command line instruction demonstrating how to use npm create vite with a template flag for npm version 7 or higher. | Exact payloads, commands, or snippets shown in A command line instruction demonstrating how to use npm create vite with a template flag for npm version 7 or higher. |
examples/main-vite-getting-started-branch-vite-create-vue-app-command.text | A shell command demonstrating how to scaffold a new Vue project using the Vite create command. | Exact payloads, commands, or snippets shown in A shell command demonstrating how to scaffold a new Vue project using the Vite create command. |
examples/main-vite-getting-started-branch-vite-create-vue-app-command-2.text | A shell command demonstrating how to scaffold a new Vue project using the Vite create command and pnpm. | Exact payloads, commands, or snippets shown in A shell command demonstrating how to scaffold a new Vue project using the Vite create command and pnpm. |
examples/main-vite-getting-started-branch-vite-bun-create-vue-template-command.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/main-vite-getting-started-branch-vite-getting-started-deno-init-vue-comm.text | A shell command demonstrating how to initialize a new Vue project using Vite with Deno. | Exact payloads, commands, or snippets shown in A shell command demonstrating how to initialize a new Vue project using Vite with Deno. |
examples/main-vite-getting-started-branch-vite-getting-started-project-scaffoldin.text | A sequence of shell commands to scaffold a new Vite project using tiged and initialize the development server. | Exact payloads, commands, or snippets shown in A sequence of shell commands to scaffold a new Vite project using tiged and initialize the development server. |
examples/main-vite-getting-started-branch-vite-getting-started-npm-install-comman.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/main-vite-getting-started-branch-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/main-vite-getting-started-branch-vite-getting-started-pnpm-install-comma.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/main-vite-getting-started-branch-vite-getting-started-bun-install-comman.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/main-vite-getting-started-branch-vite-getting-started-deno-install-comma.text | The deno command used to add vite as a development dependency. | Exact payloads, commands, or snippets shown in The deno command used to add vite as a development dependency. |
examples/main-vite-getting-started-branch-vite-getting-started-hello-vite-html-pr.text | A basic HTML file containing a hello vite paragraph used to demonstrate the initial setup in the Vite getting started guide. | Exact payloads, commands, or snippets shown in A basic HTML file containing a hello vite paragraph used to demonstrate the initial setup in the Vite getting started... |
examples/main-vite-getting-started-branch-vite-getting-started-npx-command.text | The shell command used to initialize a new Vite project using npx. | Exact payloads, commands, or snippets shown in The shell command used to initialize a new Vite project using npx. |
examples/main-vite-getting-started-branch-vite-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/main-vite-getting-started-branch-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/main-vite-getting-started-branch-vite-getting-started-bunx-command.text | The command to initialize a new Vite project using bunx. | Exact payloads, commands, or snippets shown in The command to initialize a new Vite project using bunx. |
examples/main-vite-getting-started-branch-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/main-vite-getting-started-branch-vite-getting-started-package-json-scrip.text | A package.json configuration snippet demonstrating the standard dev, build, and preview scripts for a Vite project. | Exact payloads, commands, or snippets shown in A package.json configuration snippet demonstrating the standard dev, build, and preview scripts for a Vite project. |
examples/main-vite-getting-started-branch-vite-install-pr-preview-command.text | A shell command demonstrating how to install a specific Vite version from a pull request preview URL using npm. | Exact payloads, commands, or snippets shown in A shell command demonstrating how to install a specific Vite version from a pull request preview URL using npm. |
examples/main-vite-getting-started-branch-vite-getting-started-yarn-add-command-2.text | A shell command demonstrating how to install a specific Vite version via yarn using a pull request package URL. | Exact payloads, commands, or snippets shown in A shell command demonstrating how to install a specific Vite version via yarn using a pull request package URL. |
examples/main-vite-getting-started-branch-vite-getting-started-pnpm-install-comma-2.text | The shell command to install the Vite preview package using pnpm. | Exact payloads, commands, or snippets shown in The shell command to install the Vite preview package using pnpm. |
examples/main-vite-getting-started-branch-vite-bun-install-command.text | A shell command demonstrating how to install a specific Vite pull request version using the bun package manager. | Exact payloads, commands, or snippets shown in A shell command demonstrating how to install a specific Vite pull request version using the bun package manager. |
examples/main-vite-getting-started-branch-vite-getting-started-git-clone-setup-co.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://main.vite.dev/guide