Dev Workflow Toolkit

By Manoj Patode

Wrap text in HTML via right-click, run your own commands from the status bar, and commit + push to git in one click. Fully configurable, runs entirely locally.

1. Text Wrappers

Select text, then either use a shortcut or right-click.

Right-click on selected text:

• Wrap with NoWrap Span — top-level, one click
• Wrap Selection ▶ — submenu containing:
  • Glossary Link, Sup Tag, Strong Tag — direct, one click each
  • Wrap with Custom Template — opens a picker listing any wrappers you've added below

Add your own wrapper

Settings → devWorkflowToolkit.customWrappers:

"devWorkflowToolkit.customWrappers": [
  { "label": "Wrap with Em", "prefix": "<em>", "suffix": "</em>" }
]

Available via right-click → Wrap Selection ▶ → Wrap with Custom Template, which opens a picker listing everything you've added here. (Custom wrappers are grouped behind this one picker entry, not listed individually in the submenu.)

2. Custom Commands

A status bar button — 🖥 Custom — runs any shell command you define.

Settings → devWorkflowToolkit.customCommands:

"devWorkflowToolkit.customCommands": [
  { "label": "Git Status", "command": "git status", "showButton": false },
  { "label": "Git Pull", "command": "git pull", "showButton": true }
]

Ships with two defaults out of the box: Status and Pull, both picker-only.

Set showButton: true to give that command its own dedicated status bar button (also keybindable via Ctrl+K Ctrl+S, for the first 10 entries — a VS Code limit on keybindable commands). Leave it as false, or omit it, to keep the command picker-only — runnable via the 🖥 Custom dropdown. No popups, no prompts — it's controlled entirely by this field.

3. Git Commit & Push

Click 🔀 Commit & Push → type a commit message (empty messages are rejected) → runs:

git add . && git commit -m "your message" && git push

This does not pull first — if your branch is behind, the push fails safely (nothing is lost) and you pull/resolve/push manually, same as normal git.

4. Quick Add

Click ⚙️ Add Command/Wrapper → choose "Custom Command" or "Custom Wrapper" → it opens settings.json with a ready-to-edit template inserted at the right spot. No manual searching through Settings.

Shell

By default, every button opens a new terminal at your current workspace root, using your system's default shell. To force a specific shell:

"devWorkflowToolkit.shellPath": "C:\\Windows\\System32\\cmd.exe"

Use double backslashes (\\) in JSON paths — a single \ won't parse correctly.

Keyboard Shortcuts

Every command here is a standard VS Code command — rebind any of them via Ctrl+K Ctrl+S, search by name.

Build & Install

npm install
npm run compile
vsce package
code --install-extension dev-workflow-toolkit-1.2.0.vsix --force

Reload VS Code: Ctrl+Shift+P → "Developer: Reload Window"

About

Made with ❤️ by Manoj Patode

• Built with the native VS Code Extension API — TypeScript, no external frameworks
• Runs entirely locally — no network calls, no telemetry, no external APIs
• Your code, commands, and commit messages never leave your machine