acb-open-packaged-sources.adoc

1. If a folder is open in the Explorer, close the folder.

   Show me how

   • In the desktop IDE, select File > Close Folder.

   • In the cloud IDE, click the (menu) icon, and select File > Close Folder.

   If no folder is open, the Explorer provides an Open Folder button.

   This step prevents the import process from adding the project as a subfolder of an open folder and enables the import process to open your imported project folder automatically in the IDE.

1. Open the Command Palette.

   Show me how

   • Use the keyboard shortcuts:

     • Mac: Cmd+Shift+p

     • Windows: Ctrl+Shift+p

   • Click the (menu) icon, and select View > Command Palette.

1. Open the Command Palette.

   Show me how

   • Use the keyboard shortcuts:

     • Mac: Cmd+Shift+p

     • Windows: Ctrl+Shift+p

   • Select View > Command Palette.

1. Provide the following command:

   MuleSoft: Import a Mule Project

2. Navigate to the shareable JAR file to import, and click Select jar file to import.

3. Navigate to a folder to which to unpack the JAR file, such as your home directory or any folder outside of a Mule project folder.

4. Click Select project folder.

   The IDE unpacks the shareable JAR file for your project into the selected folder.

1. Click a configuration XML file for your project if it doesn’t open automatically.

2. Click the (Show Mule graphical mode) icon in the activity bar to open the canvas if it doesn’t open automatically.

3. To monitor progress as the project loads, open the Output panel.

   Show me how

   • Use the keyboard shortcuts:

     • Mac: Cmd+Shift+u

     • Windows: Ctrl+Shift+u

   • In the desktop IDE, select View > Output.

   • In the cloud IDE, click the (menu) icon, and select View > Output.

4. Select Mule DX Server from the dropdown list. To see scaffolding errors only, select Mule DX Server: Scaffolding from the list.

In addition to loading the graphical canvas, the IDE also loads dependencies defined in the pom.xml for the project. partial$acb-runtime-java.adoc

+ Libraries load to the target/repositories directory within the project folder.

1. Navigate to a location for your project folder:

   1. Open the Command Palette.

      Show me how

      • Use the keyboard shortcuts:

        • Mac: Cmd+Shift+p

        • Windows: Ctrl+Shift+p

      • Select View > Command Palette.

   2. Provide this command:

      File: Open Folder

   3. Navigate to and select a folder for your imported project, such as your home directory or any folder outside of a Mule project folder, and then click Open.

2. Drag your project directory from your computer to the Explorer view in VS Code, for example:

   

3. Select Copy Folder.

   If you instead select Add Folder to Workspace, you can start over by selecting the project in the Explorer, right clicking, and then selecting Remove Folder from Workspace. After removing, drag and copy the project folder to the IDE without adding it to a workspace.

1. If your Mule project folder is closed, open the project at its root directory:

   1. Open the Command Palette.

      Show me how

      • Use the keyboard shortcuts:

        • Mac: Cmd+Shift+p

        • Windows: Ctrl+Shift+p

      • In the desktop IDE, select View > Command Palette.

      • In the cloud IDE, click the (menu) icon, and select View > Command Palette.

   2. Provide this command:

      File: Open Folder...

   3. Navigate to and select the root folder for your project, for example:

      Integration or Implementation Example

      Example of a root folder and subdirectories of an integration or implementation project in Anypoint Code Builder:

      

      VS Code treats the root as a workspace, which enables the IDE to load the canvas properly.

      Design Project Example

      Example of the root directory for an API design project in Anypoint Code Builder:

      

      The root of a project is the top-level folder that Anypoint Code Builder generates when you create a project. Do not navigate to the project root’s parent or ancestor directory or to one of its child or descendant directories.

1. Open the Command Palette.

   Show me how

   • Use the keyboard shortcuts:

     • Mac: Cmd+Shift+p

     • Windows: Ctrl+Shift+p

   • Click the (menu) icon, and select View > Command Palette.

2. Provide this command:

    File: Open Folder...

3. Select your Anypoint Code Builder home directory or any directory outside of a Mule project folder and click OK.

1. Test your project:

   1. In the open project, check for errors and make sure that the canvas and code editor load correctly, which indicates that component dependencies resolved.

   2. Check for any configurations to modify, such as ports or file paths in the configuration XML.

   3. Run and debug your project:

      For guidance, see Run Your Application in Debug Mode.