統合ツールチェーン Vite+ を試してみた

従来の構成                Vite+ の構成
────────────────         ────────────────
eslint.config.js    →
.prettierrc         →    vite.config.ts（lint / fmt / staged を集約）
vitest.config.ts    →

curl -fsSL https://vite.plus | bash

Would you like Vite+ to manage your Node.js versions?
It adds `node`, `npm`, `npx`, and `corepack` shims to ~/.vite-plus/bin/ and automatically uses the right version.
Opt out anytime with `vp env off`.
Press Enter to accept (Y/n): Y

✔ VITE+ successfully installed!

  The Unified Toolchain for the Web.

  Get started:
    vp create       Create a new project
    vp env          Manage Node.js versions
    vp install      Install dependencies
    vp migrate      Migrate to Vite+

  Vite+ is now managing Node.js via vp env.
  Run vp env doctor to verify your setup, or vp env off to opt out.

  Run vp help to see available commands.

  Shell configuration:
    - zsh: updated ~/.zshenv, ~/.zshrc
    - bash: updated ~/.profile
    - fish: skipped (not installed)
    - nushell: skipped (not installed)

  Note: Restart your terminal to load updated shell configuration.

vp --version
# 0.2.1

vp env current
VITE+ - The Unified Toolchain for the Web

Environment:
  Version  24.17.0
  Source   lts

vp env use 26

vp env current
VITE+ - The Unified Toolchain for the Web

Environment:
  Version  26.3.1
  Source   VP_NODE_VERSION

vp create
VITE+ - The Unified Toolchain for the Web

  › Vite+ Monorepo: Create a new Vite+ monorepo project
    Vite+ Application: Create vite applications
    Vite+ Library: Create vite libraries

› Package name:
  vite-plus-monorepo-sample█

› Which package manager would you like to use?
  › pnpm: recommended
    yarn
    npm
    bun

› Which coding agent instruction files should Vite+ create?
    ◻ AGENTS.md
    ◼ CLAUDE.md (Claude Code)
    ◻ GEMINI.md
  › ◼ .github/copilot-instructions.md (GitHub Copilot)
    ◻ .cursor/rules/viteplus.mdc
    ◻ .aiassistant/rules/viteplus.md
  Press  space  to select,  enter  to submit

› Which editors are you using?
    Writes editor config files to enable recommended extensions and Oxlint/Oxfmt integrations.
    ◼ VSCode (.vscode)
  › ◼ Zed (.zed)
  Press  space  to select,  enter  to submit

› Initialize a git repository with an initial commit?
  › Yes /   No

› Set up pre-commit hooks to run formatting, linting, and type checking with auto-fixes?
  › Yes /   No

◇ Scaffolded vite-plus-monorepo-sample with Vite+ monorepo
• Node 24.17.0  pnpm 11.8.0
✓ Dependencies installed in 3.5s
→ Next: cd vite-plus-monorepo-sample && vp run

vite-plus-monorepo-sample/
├── apps/
│   └── website/          # アプリ本体
│       ├── src/
│       └── package.json
├── packages/
│   └── utils/            # 共有ライブラリ
│       ├── src/
│       ├── vite.config.ts
│       └── package.json
├── vite.config.ts        ← lint / fmt / staged hooks を集約
├── tsconfig.json
├── pnpm-workspace.yaml
├── CLAUDE.md             ← vp create が自動生成
└── package.json

import { defineConfig } from "vite-plus";

export default defineConfig({
  staged: {
    "*": "vp check --fix",  // コミット前に自動修正
  },
  fmt: {},
  lint: {
    jsPlugins: [{ name: "vite-plus", specifier: "vite-plus/oxlint-plugin" }],
    rules: { "vite-plus/prefer-vite-plus-imports": "error" },
    options: { typeAware: true, typeCheck: true },
  },
  run: {
    cache: true,
  },
});

cd vite-plus-monorepo-sample && vp run

vp test

 RUN  v4.1.9 /path/to/vite-plus-monorepo-sample

 Test Files  1 passed (1)
      Tests  1 passed (1)
   Start at  13:10:56
   Duration  108ms (transform 12ms, setup 0ms, import 21ms, tests 1ms, environment 0ms)

vp check

pass: All 24 files are correctly formatted (235ms, 10 threads)
pass: Found no warnings, lint errors, or type errors in 6 files (238ms, 10 threads)

- name: Lint
  run: pnpm eslint .
- name: Format check
  run: pnpm prettier --check .
- name: Type check
  run: pnpm tsc --noEmit

- name: Check
  run: vp check

vp run -r build

~/apps/website$ tsc
~/apps/website$ vp build
vite v8.0.16 building client environment for production...
✓ 9 modules transformed.
dist/index.html                  0.45 kB │ gzip: 0.29 kB
dist/assets/index-CsUDhMuy.css   4.10 kB │ gzip: 1.46 kB
dist/assets/index-B4vdZNPd.js    4.52 kB │ gzip: 2.02 kB
✓ built in 218ms

~/packages/utils$ vp pack
ℹ entry: src/index.ts
ℹ dist/index.mjs    0.10 kB │ gzip: 0.11 kB
ℹ dist/index.d.mts  0.08 kB │ gzip: 0.10 kB
✔ Build complete in 703ms

vp migrate