Vite+ 1.0がリリースされたので、アルファ版から増えた機能を試してみた

vp upgrade

info: checking for updates...
info: found vite-plus@1.4.0 (current: 1.0.0)
info: downloading vite-plus@1.4.0 for darwin-arm64...
info: installing...
info: Preparing Node.js and pnpm...
info: Installing dependencies...
✓ Dependencies installed.

✓ Updated vite-plus from 1.0.0 → 1.4.0

vp migrate --no-interactive --no-agent --no-editor

◇ Updated . to Vite+ 1.4.0
• Node 24.22.1  pnpm 12.15.0
• Dependencies:
    vite-plus  1.0.0 → 1.4.0
    vite       8.3.1 → 8.3.5
✓ Dependencies installed in 1.4s
• Package manager settings configured
• Skipped editor, hooks, and lint setup. Run `vp migrate --full` to apply them.

enum Level {
  Info = "INFO",
  Warn = "WARN",
}

const greet = (name: string, level: Level = Level.Info): string => `[${level}] Hello, ${name}`;

console.log(greet("Vite+"));
console.log(greet("vpx", Level.Warn));

node scripts/hello.ts

SyntaxError [ERR_UNSUPPORTED_TYPESCRIPT_SYNTAX]: TypeScript enum is not supported in strip-only mode

vpx scripts/hello.ts

[INFO] Hello, Vite+
[WARN] Hello, vpx

vpx --watch scripts/watch-main.ts

17:27:58 [vpx] watching for changes
message: first
17:27:58 [vpx] completed — waiting for changes
17:28:00 [vpx] change in ./scripts/lib/message.ts, rerunning
message: second
17:28:00 [vpx] completed — waiting for changes

vp migrate --full --no-interactive --no-agent --no-editor --no-hooks

● tsx scripts detected. Auto-migrating to vpx...
● Formatting code...
● Code formatted
◇ Updated . to Vite+ 1.4.0
• Node 24.22.1  pnpm 12.15.0
✓ Dependencies installed in 637ms
• tsx scripts migrated to `vpx`

-    "hello": "tsx scripts/hello.ts",
-    "hello:watch": "tsx watch scripts/hello.ts",
-    "plain": "node --import tsx scripts/plain.ts"
+    "hello": "vpx scripts/hello.ts",
+    "hello:watch": "vpx --watch scripts/hello.ts",
+    "plain": "vpx scripts/plain.ts"
   },
   "devDependencies": {
-    "tsx": "^4.23.15",
     "typescript": "~6.0.3",

-#!/usr/bin/env tsx
+#!/usr/bin/env vpx
 console.log(`now: ${new Date().toISOString()}`);

import { defineConfig } from "vite-plus";

export default defineConfig({
  // 追加
  staged: {
    "*": "vp check --fix",
  },
  // （以下は省略）
});

vp staged

vp hooks enable

Git hook dispatcher installed at .vite-hooks/_

vp hooks status

Preference:     enabled
Hooks dir:      .vite-hooks
core.hooksPath: .vite-hooks/_ (Vite+ dispatcher)
Dispatcher:     installed (.vite-hooks/_)
Project hooks:  pre-commit

export const add=(a:number,b:number)=>{return a+b}

git add src/math.ts
git hook run pre-commit

✔ vp check --fix

git show :src/math.ts

export const add = (a: number, b: number) => {
  return a + b;
};

export function debugCounter(count: number) {
  debugger;
  return count;
}

vp check
echo $?

pass: All 14 files are correctly formatted (205ms, 10 threads)
warn: Lint or type warnings found
! eslint(no-debugger): `debugger` statement is not allowed
...
Found 0 errors and 1 warning in 9 files (1.0s, 10 threads)
0

vp check --deny-warnings
echo $?

pass: All 14 files are correctly formatted (171ms, 10 threads)
warn: Lint or type warnings found
! eslint(no-debugger): `debugger` statement is not allowed
...
Found 0 errors and 1 warning in 9 files (211ms, 10 threads)
1

vp toolchain

Vite+ toolchain (local)

vite-plus@1.4.0
├── depends on @voidzero-dev/vite-plus-core@1.4.0
│   ├── bundles vite@8.3.5
│   │   └── uses rolldown@1.2.15
│   │       ├── compiles oxc@0.155.0
│   │       └── compiles oxc-resolver@11.24.3
│   ├── bundles rolldown@1.2.15
│   │   ├── compiles oxc@0.155.0
│   │   └── compiles oxc-resolver@11.24.3
│   └── bundles tsdown@0.23.1
├── depends on vitest@5.0.5
├── depends on oxlint@1.89.0
├── depends on oxlint-tsgolint@7.0.2004
├── depends on oxfmt@0.74.0
├── compiles vite-task (built 2026-10-23T02:30:38Z, revision a3c087a771a116f7c60220fc72738703eb45ac2e)
└── compiles oxc-node@1.0.0 (4759cedbda87f67ca646d3277166884cfcd62f81)
    ├── compiles oxc@0.155.0
    └── compiles oxc-resolver@11.24.3

PATH=$(echo $PATH | tr ':' '\n' | grep -v '\.vite-plus' | paste -sd: -) bash
command -v vp || echo none

none

pnpm create vite-plus vite --no-interactive --no-agent --no-editor --no-git --no-hooks --package-manager pnpm -- create-vite-plus-lab --template vanilla-ts

...
◇ Scaffolded create-vite-plus-lab with Vanilla + TypeScript
• Node 24.13.0  pnpm 12.15.0
✓ Dependencies installed in 396ms
→ Next: cd create-vite-plus-lab && pnpm exec vp run

vp create vite --no-interactive --no-agent --no-editor --no-hooks --package-manager pnpm -- vite-plus-pm-lab --template vanilla-ts
cd vite-plus-pm-lab
vp env pin 24.22.1 pnpm@12.15.0

vp pm pkg get name

vite-plus-pm-lab

vp pm pkg set scripts.test="vp test"
vp pm pkg delete scripts.preview
git diff package.json

   "scripts": {
     "dev": "vp dev",
     "build": "tsc && vp build",
-    "preview": "vp preview"
+    "test": "vp test"
   },

vp add picocolors
vp pm patch picocolors

Patch: You can now edit the package at:

  ~/vite-plus-pm-lab/node_modules/.pnpm_patches/picocolors@1.1.1

To commit your changes, run:

  pnpm patch-commit '~/vite-plus-pm-lab/node_modules/.pnpm_patches/picocolors@1.1.1'

echo 'module.exports.patched = true' >> node_modules/.pnpm_patches/picocolors@1.1.1/picocolors.js
vp pm patch-commit node_modules/.pnpm_patches/picocolors@1.1.1
cat patches/picocolors.patch

diff --git a/picocolors.js b/picocolors.js
...
 module.exports = createColors()
 module.exports.createColors = createColors
+module.exports.patched = true

git diff pnpm-workspace.yaml

 overrides:
   vite@*: "catalog:"
+patchedDependencies:
+  picocolors: patches/picocolors.patch
 peerDependencyRules:

node -e 'console.log(require("picocolors").patched)'

true

export VP_HOME=/tmp/vp-sandbox
export PATH="$VP_HOME/bin:/usr/bin:/bin"
~/.vite-plus/current/bin/vp env setup
. "$VP_HOME/env"

vp env default 24.22.1
vp env default pnpm@12.15.0
node -v && pnpm -v

✓ Default Node.js version set to 24.22.1
✓ Default pnpm version set to 12.15.0
v24.22.1
12.15.0

vp env use 26.13.0 pnpm@11.8.0
node -v && pnpm -v

Installing Node.js v26.13.0...
Using Node.js v26.13.0 (resolved from 26.13.0)
Using pnpm v11.8.0 (resolved from 11.8.0)
v26.13.0
11.8.0

vp env use --unset pnpm
node -v && pnpm -v

Reverted selected components to project environment resolution
v26.13.0
12.15.0

vp env use --unset
vp env list

Reverted selected components to project environment resolution
Node.js
  * v24.22.1 current default
  * v26.13.0
...
pnpm
  * 11.8.0
  * 12.15.0 default
...

vp env clean

✓ Removed 1 Node.js runtime
✓ Removed 1 package manager install

vp env list

Node.js
  * v24.22.1 current default
...
pnpm
  * 12.15.0 default