Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>B4XNew to Visual Studio Code? Get it now.
B4X

B4X

Jansen

|
281 installs
| (0) | Free
B4X Language Support
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

B4X Language Support - VSCode Extension

English | 中文

Provides enhanced language support for B4X (B4A, B4i, B4J) in Visual Studio Code, including a full visual layout designer.

Features

B4X Language Services

  • Syntax Highlighting: Full syntax coloring for .bas, .b4a, .b4i, and .b4j files.
  • Code Snippets: Quick insertion of common B4X code structures.
  • Language Configuration: Bracket matching, comment toggling, and auto-indentation.
  • Definition Provider: Jump to definition of variables, subs, and members.
  • Hover Provider: Type information and scope (global/local/parameter) on hover.
  • Reference Provider: Find all references to a symbol.
  • Completion Provider: Auto-completion for keywords, variables, functions, and base class members (e.g. List.Add, Map.Put, String.Length).
  • Signature Help: Function signature tips when typing ( or ,.
  • Auto-Closing Statements: Typing If automatically inserts End If, For inserts Next, etc.

Integrated B4X Layout View

  • Visual Layout Editor: Open .bil (B4i), .bjl (B4J) and .bal (B4A) files in a visual designer canvas with drag, resize, select, zoom, and pan.
  • Views Tree: Sidebar panel showing the full control hierarchy with search, multi-select, keyboard navigation, and drag-and-drop reparenting into container views.
  • Property Grid: Sidebar panel for editing control properties (name, position, size, anchors, etc.) with platform-specific editors.
  • Multi-Variant Support: Manage screen size variants — phone, tablet, portrait, landscape — with predefined layouts and a closest-match algorithm. Add/remove/switch variants on the fly.
  • Designer Script Engine: Run B4X-dialect designer scripts (e.g. AutoScaleAll, AutoScaleRate) that programmatically adjust control positions and sizes per variant.
  • Custom View Support: Load custom views from B4X library XML descriptors via the b4x.libraryPaths setting. Custom views appear in the Add View > CustomView menu.
  • Clipboard Operations: Copy, Cut, Paste, and Duplicate controls with standard keyboard shortcuts (Ctrl/Cmd+C/X/V/D).
  • Code Generation: Insert Dim declarations and event Sub handlers directly into the associated .bas source file from the designer.
  • New Layout File: Create new .bil/.bjl/.bal layout files with the B4X: New Layout File... command. Automatically discovers B4A/B4i/B4J projects in the workspace.

AI Agent CLI Tools

  • b4x-cli: A CLI tool automatically available in the integrated terminal for converting layout files between binary (.bil/.bjl/.bal) and JSON formats — designed for AI agent consumption.
    • b4x-cli to-json <layout> — binary to JSON
    • b4x-cli from-json <json> -o <layout> — JSON to binary

Installation

  1. Open VSCode.
  2. Press Ctrl+Shift+X (or click the Extensions sidebar icon).
  3. Search for B4X, then click Install.

Issue Reporting

Encounter problems? Please submit to GitHub Issues.

Credits

  • Anywhere Software: For creating the B4X Rad dev tools and maintaining the B4X community.

License

MIT © Jansen

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft