Community
Technology Blog Posts by Members
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Read only

ABAP Development Tools for Visual Studio Code

YogiPavan
Explorer
10 hours ago
366

Introduction

ABAP development tools for Visual Studio Code provides set of tools for ABAP development within the ABAP Cloud development model. 

Follow below steps to access VS Code and Establish system connection
1. Download Visual Studio Code
2. Installing ABAP Development Tools for VS Code
3. Establishing a System Connection via HTTP Destination
      Open Destination Settings
      Add Destination to Workspace
      Add Package to Workspace

Download Visual Studio Code

To download Visual studio Code, please navigate to below URL.

Download Visual Studio Code - Free AI Code Editor for Mac, Linux, Windows

Installing ABAP Development Tools for VS Code

Navigate to the Extensions tab in the Activity Bar, search for ABAP Development Tools, Install the extension and restart the IDE.

YogiPavan_0-1780142393507.png

Installation is done.

YogiPavan_2-1780142405719.png

Establishing a System Connection via HTTP Destination

Creation of a destination is needed to establish a system connection between frontend and backend via HTTP.

Shortcut key - Ctrl + Shift + P to open the Command Palette.

In the Command Palette, choose ABAP: New Destination.

YogiPavan_3-1780142433048.png

Between the two connection types displayed, choose HTTP.

  • RFC for on-premise or SAP S/4HANA Cloud Private Edition
  • HTTP for SAP BTP ABAP environment or SAP S/4HANA Cloud Public Edition

YogiPavan_4-1780142455055.png

Enter the URL of the cloud system.

YogiPavan_5-1780142470776.png

YogiPavan_6-1780142488164.png

Enter a system ID

YogiPavan_7-1780142500109.png

YogiPavan_8-1780142509543.png

The system connection has been established and is visible under Workspace in the Explorer view.

Open Destination Settings

In the Command Palette, search ABAP: Open Destination Settings (JSON)

YogiPavan_9-1780142544310.png

Destination Settings

YogiPavan_10-1780142558742.png

Add Destination to Workspace

In the Command Palette, search ABAP: Add Destination as Folder to Workspace

YogiPavan_11-1780142573470.png

YogiPavan_12-1780142590070.png

YogiPavan_13-1780142610364.png

Destination is added as folder to workspace

YogiPavan_14-1780142625644.png

Add Package to Workspace

In the Command Palette, search ABAP: Add Package as Folder to Workspace

YogiPavan_15-1780142641678.png

Select a destination

YogiPavan_16-1780142655269.png

Select Open with Default Browser or copy to clipboard

YogiPavan_17-1780142668656.png

YogiPavan_18-1780142679521.png

Logged successfully.

YogiPavan_19-1780142692862.png

Search package

YogiPavan_21-1780142810548.png

YogiPavan_22-1780142822462.png

YogiPavan_25-1780142861410.png

Package is added to workspace

YogiPavan_26-1780142883466.png

Data Definition from that package can be opened.

YogiPavan_27-1780142898798.png

Data Definition details

YogiPavan_28-1780142909160.png

Opening Development Object

In the Command Palette, search ABAP: Open Object

Shortcut key - Ctrl + Shift + A to open object.

YogiPavan_29-1780142921620.png

Search object

YogiPavan_30-1780142934606.png

Object is opened.

YogiPavan_31-1780142947995.png

Creating ABAP Development Objects

Create New ABAP Object

Ctrl + Shift + P to open the Command Palette.

In the Command Palette, search ABAP: Create New ABAP Object or choose short cut key Ctrl + Shift + Alt + N.

YogiPavan_32-1780142993508.png

Select the relevant object type.

YogiPavan_33-1780143005410.png

YogiPavan_34-1780143018031.png

Choose Data definition

YogiPavan_37-1780143061637.png

Enter or select the Package Name, the Name, and the Description.

YogiPavan_38-1780143074364.png

Choose package

YogiPavan_39-1780143088489.png

Enter Name of object

YogiPavan_40-1780143101155.png

YogiPavan_42-1780143115406.png

YogiPavan_43-1780143120041.png

Enter description of object

YogiPavan_44-1780143148046.png

YogiPavan_45-1780143165230.png

Enter reference object

YogiPavan_46-1780143174651.png

YogiPavan_47-1780143181464.png

YogiPavan_48-1780143196984.png

YogiPavan_49-1780143210487.png

Added all fields of source object

YogiPavan_51-1780143233447.png

Checking ABAP Syntax

The ABAP syntax check is enabled to verify code-based development objects before activating.

In the Command Palette, search ABAP: Check Object.

Shortcut key - Ctrl + Shift + P to check syntax

YogiPavan_52-1780143246491.png

Activating ABAP Development Objects

In the Command Palette, search ABAP: Activate.

Shortcut key - Ctrl + F3 to activate the object.

YogiPavan_53-1780143257751.png

Activated successfully.

YogiPavan_54-1780143265706.png

In the Command Palette, search ABAP: Activate All.

Shortcut key - Ctrl + Shift + F3 to activate the objects.

Keyboard Shortcuts for ABAP Development

YogiPavan_55-1780143282595.png

YogiPavan_56-1780143292303.png

 

Conclusion

ABAP development tools provides ABAP development to the preferred editor, enabled to create, edit, debug, and manage ABAP artifacts directly in VS Code. 

It support object types like below

  • ABAP core objects (classes, interfaces)
  • Core Data Services (CDS data definitions, CDS metadata extensions, CDS entity extension, CDS types, CDS aspects, CDS access controls)
  • ABAP RESTful Application Programming Model (service bindings, service definitions, behavior definitions, change documents, number range objects)

ABAP development tools for Visual Studio Code provide features that may depend on the client or require a specific backend system version

 

References

3 Comments