BS5 Form Tools

VS Code snippet extension for quickly typing:

• Bootstrap 5 navbar and modal form markup
• Form field blocks grouped by input type
• jQuery validator scaffolding grouped by input type

Snippet Prefixes

HTML

• bs5-form-nav
• bs5-form-table
• bs5-from-table
• bs5-form-modal
• bs5-form-field-*
• bs5-form-field-text
• bs5-form-field-tel
• bs5-form-field-email
• bs5-form-field-date
• bs5-form-field-radio
• bs5-form-field-checkbox
• bs5-form-field-select
• bs5-form-field-fee
• bs5-form-field-file
• bs5-form-actions
• bs5-spinner

JavaScript

• bs5-form-script-base
• bs5-form-script-save
• bs5-form-script-text
• bs5-form-script-tel
• bs5-form-script-email
• bs5-form-script-date
• bs5-form-script-radio
• bs5-form-script-checkbox
• bs5-form-script-select
• bs5-form-script-file
• bs5-live-validator

Local Use

1. Open this extension folder in VS Code.
2. Press F5 and run Run BS5 Form Tools.
3. In the Extension Development Host, open an HTML or JavaScript file.
4. Type a snippet prefix and expand.

VSCE Packaging

From this folder:

1. Run npm run verify:snippets
2. Run npm run package

This creates a .vsix package in the extension root.

Publish To Marketplace

Publisher metadata is already configured:

• publisher: nyvarionis
• author.name: Hao1337
• repository: https://github.com/Hao-1337/vscode-bs5-form-tools

Repository metadata is configured for VSCE and Marketplace.

Then:

1. Create publisher once: npx -y @vscode/vsce create-publisher nyvarionis
2. Login once: npx -y @vscode/vsce login nyvarionis
3. Publish: npm run publish

Or version+publish in one command:

• npm run publish:patch
• npm run publish:minor
• npm run publish:major