Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>DevExpress VSCode Report DesignerNew to Visual Studio Code? Get it now.
DevExpress VSCode Report Designer

DevExpress VSCode Report Designer

Preview

DevExpress

|
4,406 installs
| (7) | Free
Create, edit and preview DevExpress Reports in Visual Studio Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

DevExpress Reports extension for VS Code

DevExpress Reports is a cross-platform reporting tool and component library for the .NET ecosystem. The DevExpress Reports VS Code Extension allows license holders to create and edit reports/documents using our Visual Studio Code Report Designer for the following platforms: Windows, macOS, Linux.

Quick Start

  1. Install the Report Designer extension.
  2. Open extension settings and specify your DevExpress NuGet Feed API key.
  3. Open the folder/workspace that contains a project or solution (.csproj or .sln) where you would like to create new DevExpress Reports in the *.repx format (or with existing report template files).
  4. Hit F1 and call the DX Reporting: Start Designer to create an empty config file. Wait for the VS Code notification that the Report Designer is ready to use.
  5. Modify the config file according to your requirements. Refer to the list of supported Report Designer settings below:
  • DataBindingMode (Expressions | DataBindings | ExpressionsAdvanced) — Sets up the Report Designer data binding mode.
  • SqlConnectionStrings — Defines the collection of available SQL-based data sources. Make certain to use the XpoProvider prefix within the connection string. Refer to our Database Systems help topic for additional information in this regard.
  • JsonConnectionStrings — Defines the collection of available JSON data sources.
  • ReportsDirectory — Stores a path to the directory with report templates.
  • ReportUrlsMap — Stores a collection of report names associated with report template files.

A sample config file looks as follows:

{
    "DataBindingMode": "Expressions",
    "SqlConnectionStrings":{},
    "JsonConnectionStrings":{},
    "ReportsDirectory" : "PredefinedReports",
    "ReportUrlsMap":{
        "Report1": "Report1.repx",
        "newReport": "newReport.repx"
    }
}
  1. Hit F1 and enter DX Reporting: New Report to create a new DevExpress Report and open it in Report Designer.

Features

  • Use the DX Reporting: New Project command to create sample reporting applications for ASP.NET Core, Blazor and Angular platforms.
  • Use the DX Reporting: New Report command to create a new DevExpress Report.
  • Modify existing report layouts and save changes to our native *.repx format.
  • Bind reports to SQL and JSON data.
  • Display a report preview and print/export reports.
  • Choose a report designer theme in the extension settings.

Requirements

  • C# Extension
  • .NET Runtime Install Tool Extension
  • .NET 7 SDK
  • DevExpress NuGet Feed API Key (Licensed or Trial)

Known Limitations

  • The extension only supports DevExpress UI libraries v23.1 and later.
  • You can only create/edit reports in our native *.repx format. No C# class files are supported.
  • The extension only supports SQL and JSON data sources.

Feedback

💭 To report bugs and share feedback, please submit a support ticket via the DevExpress Support Center.

📣 Let us know what you think by submitting your vote to our survey.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft