voidzero-dev / vite-plus
- понедельник, 16 марта 2026 г. в 00:00:04
Vite+ is the unified toolchain and entry point for web development. It manages your runtime, package manager, and frontend toolchain in one place.
The Unified Toolchain for the Web runtime and package management, create, dev, check, test, build, pack, and monorepo task caching in a single dependency
Vite+ is the unified entry point for local web development. It combines Vite, Vitest, Oxlint, Oxfmt, Rolldown, tsdown, and Vite Task into one zero-config toolchain that also manages runtime and package manager workflows:
vp env: Manage Node.js globally and per projectvp install: Install dependencies with automatic package manager detectionvp dev: Run Vite's fast native ESM dev server with instant HMRvp check: Run formatting, linting, and type checks in one commandvp test: Run tests through bundled Vitestvp build: Build applications for production with Vite + Rolldownvp run: Execute monorepo tasks with caching and dependency-aware schedulingvp pack: Build libraries for npm publishing or standalone app binariesvp create / vp migrate: Scaffold new projects and migrate existing onesAll of this is configured from your project root and works across Vite's framework ecosystem. Vite+ is fully open-source under the MIT license.
Install Vite+ globally as vp:
For Linux or macOS:
curl -fsSL https://vite.plus | bashFor Windows:
irm https://viteplus.dev/install.ps1 | iexvp handles the full development lifecycle such as package management, development servers, linting, formatting, testing and building for production.
Vite+ can be configured using a single vite.config.ts at the root of your project:
import { defineConfig } from 'vite-plus';
export default defineConfig({
// Standard Vite configuration for dev/build/preview.
plugins: [],
// Vitest configuration.
test: {
include: ['src/**/*.test.ts'],
},
// Oxlint configuration.
lint: {
ignorePatterns: ['dist/**'],
},
// Oxfmt configuration.
fmt: {
semi: true,
singleQuote: true,
},
// Vite Task configuration.
run: {
tasks: {
'generate:icons': {
command: 'node scripts/generate-icons.js',
envs: ['ICON_THEME'],
},
},
},
// `vp staged` configuration.
staged: {
'*': 'vp check --fix',
},
});This lets you keep the configuration for your development server, build, test, lint, format, task runner, and staged-file workflow in one place with type-safe config and shared defaults.
Use vp migrate to migrate to Vite+. It merges tool-specific config files such as .oxlintrc*, .oxfmtrc*, and lint-staged config into vite.config.ts.
i) - Install dependenciesnode_modules/.binVite+ automatically wraps your package manager (pnpm, npm, or Yarn) based on packageManager and lockfiles:
rm, un, uninstall) - Remove packages from dependenciesup) - Update packages to latest versionsls) - List installed packagesexplain) - Show why a package is installedview, show) - View package metadata from the registryln) / unlink - Manage local package linksvp itself to the latest versionvp and all related dataUse vp create to create a new project:
vp createYou can run vp create inside of a project to add new apps or libraries to your project.
You can migrate an existing project to Vite+:
vp migrateUse the official setup-vp action to install Vite+ in GitHub Actions:
- uses: voidzero-dev/setup-vp@v1
with:
node-version: '22'
cache: trueIf you are manually migrating a project to Vite+, install these dev dependencies first:
npm install -D vite-plus @voidzero-dev/vite-plus-core@latestYou need to add overrides to your package manager for vite and vitest so that other packages depending on Vite and Vitest will use the Vite+ versions:
"overrides": {
"vite": "npm:@voidzero-dev/vite-plus-core@latest",
"vitest": "npm:@voidzero-dev/vite-plus-test@latest"
}If you are using pnpm, add this to your pnpm-workspace.yaml:
overrides:
vite: npm:@voidzero-dev/vite-plus-core@latest
vitest: npm:@voidzero-dev/vite-plus-test@latestOr, if you are using Yarn:
"resolutions": {
"vite": "npm:@voidzero-dev/vite-plus-core@latest",
"vitest": "npm:@voidzero-dev/vite-plus-test@latest"
}