Bump npm version and push tags directly from the VS Code sidebar.
- 🚀 Bump
patch,minor, ormajorversion inpackage.jsonwith one click - 📦 Automatically create a Git tag and push to the remote
- 🖥️ Clean sidebar UI — no command palette needed
- 📋 Real-time output log showing each step of the bump & push process
- Open a workspace with a
package.jsonin the root - Click the Version Bump icon in the Activity Bar
- Select the bump type: patch / minor / major
- Click Bump & Push
The extension runs the following commands in sequence:
npm version <type> # Bump version and create tag
git push origin <tag> # Push the tag to remote
git push origin # Push commits to remote- VS Code
^1.120.0 - Git installed and available in
PATH - A valid
package.jsonin the workspace root - Git remote configured (the extension pushes to
origin)
# Install dependencies
pnpm install
# Compile
pnpm run compile
# Watch mode (recompile on changes)
pnpm run watch
# Package as VSIX
pnpm run packagesrc/ # Extension source (TypeScript)
├── extension.ts # Entry point, registers command & webview
├── logger.ts # Output channel logger
├── commands/
│ └── bumpAndPush.ts # Core bump & push logic
├── provider/
│ └── VersionBumpViewProvider.ts # Webview view provider
└── types/
└── messages.ts # Webview ↔ extension message types
webview-src/ # Webview UI (Vue 3 + TypeScript)
├── App.vue # Main component with bump type selector
├── main.ts # Webview entry point
└── vscode.ts # VS Code API utilities
Releases are automated via GitHub Actions:
- Create and push a tag:
git tag v1.0.5 && git push origin v1.0.5 - The CI workflow packages the extension, creates a GitHub Release with the
.vsixfile, and publishes to the VS Code Marketplace.
Alternatively, trigger manually via Actions → Release & Publish → Run workflow with dry_run enabled for validation only.
MIT