Skip to content

Micro Integrator for VS Code Overview

WSO2 Micro Integrator (MI) offers an extension for Visual Studio Code (VS Code) that simplifies the development of integration solutions.

This page provides a quick overview of the interface of the MI for VS Code extension.

Info

See Install Micro Integrator for VS Code for a complete installation guide of the MI for VS Code extension.

When the extension is installed properly, you can see the WSO2 Micro Integrator icon in the Activity Bar of the VS Code editor.

MI VS Code Extension

Click the MI icon to open the extension and get started.

When you open the extension for the first time, you'll see the Design View on the right side and the Micro Integrator: Project Explorer on the left.

Getting Started

To get started, you need to first create an integration project. You can either open a folder containing an integration project by selecting Open MI Project or create a new integration project from scratch by selecting Create New Project. Alternatively, you can use a sample integration project provided under Explore Samples, which contains the required projects and files for a specific use case.

To create a new project you can use the links on the MI Project Explorer or Design View.

Create New Project

MI Project Explorer

The Micro Integrator Project Explorer provides a view of all the project directories created for your integration solution. Shown below is the MI Project Explorer of a sample project.

Project Explorer

You can add the artifacts required for your integration using the MI Project Explorer.

Explorer view

You can switch to the default Visual Studio Code Explorer to view the folder structure of your integration project. Go to MI Project Explorer and click the Explorer icon to switch to the default VS Code Explorer view.

Switch to project explorer.png

Shown below is the Explorer view of a sample project.

explorer view

Project Overview

The Project Overview in MI for VS Code extension provides an overview of your integration project. You can view, add, build, and export artifacts from here.

Follow any of the steps below to open Project Overview:

  • Open the VS Code Command Palette by selecting View > Command Palette from the menu and select the MI:Show Overview command.

  • If you want to access the Project Overview from any other view, select the Home ( home icon ) icon.

Shown below is the Project Overview of a sample integration project.

project overview

WSO2 MI Copilot

WSO2 Micro Integrator (MI) Copilot is an AI-powered tool that simplifies the creation of integration scenarios. By describing your requirements in natural language or uploading relevant files, MI Copilot generates the necessary integration artifacts for seamless project integration.

Clicking on the Open AI Panel icon located in the top right corner of VS Code will open the WSO2 MI Copilot interface.

Open AI Panel

You can create any integration project by entering your integration scenario in natural language into the provided text box, allowing AI to generate the necessary artifacts.

MI Copilot

For more information on WSO2 MI Copilot and its capabilities, see MI Copilot documentation.

Samples

The Design View lists a set of sample projects that represent common integration scenarios. You can use these to explore WSO2 Micro Integrator and to try out common integration use cases.

Samples

What's Next?