Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>COBOL CodeFlowNew to Visual Studio Code? Get it now.
COBOL CodeFlow

COBOL CodeFlow

MkSoo01

|
28 installs
| (0) | Free
VS Code extension to visualize and explore the control flow and call hierarchy of Visual COBOL programs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

COBOL CodeFlow

License

Overview

COBOL CodeFlow is a VS Code extension designed to visualize the control flow of Visual COBOL programs. It generates a graph representation of the program’s control flow and provides a call hierarchy view, making it easier to understand and analyze complex code structures.

⚠️ Note: This extension was developed and tested using Visual COBOL v5. Support for other COBOL versions or dialects has not been verified and may not work as expected.

Getting Started

Control Flow View

Demo of Control Flow View

  1. Open a Visual COBOL File in VS Code.

  2. To launch the Control Flow View, right-click inside the COBOL file and select "Show Control Flow View" from the context menu.

  3. The control flow graph will appear. Click on any node in the graph to scroll to the corresponding section of the COBOL code.

Note: The control flow graph currently does not visualize if conditions logic.

Call Hierarchy View

Demo of Show Call Hierarchy

  1. Open the Explorer View in VS Code.

  2. Open your COBOL file and place your cursor on the paragraph name you want to inspect.

  3. Right-click and select "Show Call Hierarchy". The Call Hierarchy View will appear in the sidebar.

    • You can expand nodes to view all the callers of the selected paragraph.
    • Clicking on a caller will scroll to the corresponding line in the COBOL source file where it is performed.

Built With

  • antlr4ts — TypeScript parser generator for Visual COBOL grammar. The grammar file is adopted from Cobol85.g4 written for ANTLR v4.
  • VS Code Extension API — For integration and UI
  • Mermaid.js — For rendering control flow graphs

Development

  1. Clone the Repository

    git clone https://github.com/MkSoo01/Visual-Cobol-CodeFlow.git
    cd Visual-Cobol-CodeFlow
    
  2. Install Dependencies

    npm install
    
  3. Compile the project after making changes

    npm run compile
    
  4. Run the Extension

    • Open src/extension.ts
    • Press F5 to open a new Extension Development Host.
    • In the new window, open a COBOL file to test the extension features.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft