VS Code para SAP: instalación y uso

Instalar VS Code en Windows

1. Descarga el instalador de code.visualstudio.com o instálalo desde PowerShell con winget.
2. En el instalador, marca «Agregar a PATH» y «Abrir con Code» en el menú contextual.
3. Instala también Node.js LTS: lo necesitan Fiori tools, UI5 Tooling y CAP.
4. Abre VS Code y cambia el idioma a español con el paquete de idioma si lo prefieres.

1
2
winget install --id Microsoft.VisualStudioCode -e --source winget
winget install --id OpenJS.NodeJS.LTS -e --source winget

Extensiones para trabajar con SAP

1
2
3
code --install-extension SAPSE.sap-ux-fiori-tools-extension-pack
code --install-extension SAPOSS.vscode-ui5-language-assistant
code --install-extension SAPSE.vscode-cds

Programar ABAP en VS Code

SAP publicó la extensión ABAP Development Tools para VS Code el 28 de mayo de 2026. Está pensada sobre todo para RAP y Fiori, y se acerca poco a poco a la versión de Eclipse con una entrega cada tres meses.

1. Busca «ABAP Development Tools» del editor SAP en la vista de extensiones (Ctrl+Shift+X) e instálala.
2. Abre la paleta de comandos (Ctrl+Shift+P) y ejecuta ABAP: New Destination...
3. Elige HTTP para BTP o S/4HANA Cloud (https://<sistema>.abap.<región>.hana.ondemand.com) o RFC para sistemas on-premise configurados en SAP Logon.
4. Ejecuta ABAP: Add Destination as Folder to the Workspace... y después ABAP: Log On to Destination.
5. Navega por los paquetes en el explorador y crea objetos con ABAP: Create New ABAP Object... (Ctrl+Shift+Alt+N).

Necesitas SAP BTP ABAP environment, S/4HANA Cloud o S/4HANA 2025 o posterior. SAP no tiene previsto dar soporte a Dynpro ni a Web Dynpro.

Crear una app Fiori con Fiori tools

1. Abre la paleta (Ctrl+Shift+P) y ejecuta Fiori: Open Application Generator.
2. Elige la plantilla List Report Page.
3. Indica la fuente de datos: el servicio OData de tu sistema (por ejemplo, el de RAP) o un servicio de ejemplo.
4. Elige la entidad principal y el nombre del proyecto.
5. Abre una terminal en el proyecto y ejecuta npm start para ver la app.

Atajos de teclado útiles

¿VS Code, Eclipse o Business Application Studio?

Git en VS Code y abapGit

VS Code trae Git integrado (icono de ramas, Ctrl+Shift+G). Para Fiori, UI5 y CAP se trabaja como en cualquier proyecto web:

1
2
3
4
5
6
7
git clone https://github.com/mi-empresa/app-viajes.git
cd app-viajes
git checkout -b nueva-columna
# … cambios …
git add .
git commit -m "Añade la columna de importe"
git push -u origin nueva-columna

El código ABAP vive en el sistema, no en archivos. Para llevarlo a Git se usa abapGit (o gCTS en S/4HANA): exporta los objetos a un repositorio y permite compartirlos, revisarlos o copiarlos entre sistemas.

Tu primer servicio CAP en 5 minutos

1. Instala las herramientas de CAP: npm install --global @sap/cds-dk.
2. Crea el proyecto con cds init viajes y ábrelo con code viajes.
3. Crea los dos archivos de abajo: el modelo de datos y el servicio.
4. Ejecuta cds watch y abre http://localhost:4004: ya tienes un servicio OData con base de datos en memoria.

1
2
3
4
5
6
7
8
9
namespace abapes.viajes;

entity Viajes {
  key ID      : UUID;
      cliente : String(10);
      inicio  : Date;
      importe : Decimal(15, 2);
      estado  : String(1) default 'O';
}

1
2
3
4
5
using abapes.viajes as db from '../db/esquema';

service ViajesService {
  entity Viajes as projection on db.Viajes;
}

El CDS de CAP se parece al CDS de ABAP pero no es el mismo lenguaje: aquí define tablas y servicios en Node.js o Java, fuera del sistema ABAP.

Ajustes recomendados

Abre la paleta, ejecuta Preferences: Open User Settings (JSON) y añade, por ejemplo:

1
2
3
4
5
6
7
8
{
  "files.autoSave": "onFocusChange",
  "editor.formatOnSave": true,
  "editor.rulers": [120],
  "editor.minimap.enabled": false,
  "workbench.colorTheme": "Default Dark Modern",
  "git.autofetch": true
}

• Settings Sync (icono de engranaje › Backup and Sync Settings) guarda ajustes y extensiones en tu cuenta de GitHub o Microsoft.
• Los perfiles permiten tener un VS Code para ABAP y otro para web, cada uno con sus extensiones.