[OpenUI5] OpenUI5 / JavaScript Code-Vervollständigung mit IntelliSense in Visual Studio Code einrichten

  1. ein Projektverzeichnis anlegen
  2. Im Projektverzeichnis eine initiale package.json manuell oder über
    npm init
    

    anlegen

  3. Erweitern der package.json (im Root-Verzeichnis des Projektes) um die types
    "devDependencies": {
        "@types/openui5": "^1.40.1",
        ...
    }
    

    wobei “^1.40.1” bedeutet: nimm alles was ab Version 1.40.1 verfügbar ist (Mindestanforderung)

  4. das OpenUI5-Package ist unter https://www.npmjs.com/ registriert: https://www.npmjs.com/package/@types/openui5
  5. Kommando

    npm install
    
    (detaillierterer Aufruf: npm install --save @types/openui5)
    

    im Projektverzeichnis ausführen, hierbei wird nach der package.json im akt. Verzeichnis geschaut und ein Unterverzeichnis node_modules mit den Dependencies erzeugt

  6. jsconfig.js neben package.json mit folgendem Inhalt anlegen (manuell oder im VS Code über Button “Glühbirne” (unten rechts) generieren lassen):
    {
        // Unter https://go.microsoft.com/fwlink/?LinkId=759670
        // finden Sie die Dokumentation zum jsconfig.json-Format.
        "compilerOptions": {
            "target": "es6",
            "module": "commonjs",
            "allowSyntheticDefaultImports": true
        },
        "exclude": [
            "node_modules",
            "bower_components",
            "jspm_packages",
            "tmp",
            "temp"
        ]
    }
    
  7. Codevervollständigung solle nun funktionieren, wenn nicht, gibt es hier noch Hinweise: http://shrekshao.github.io/2016/06/20/vscode-01/
  8. Hinweis: die Codevervollständigung funktioniert nur, wenn vollqualifizierte JS-Objekte benutzt werden (z.B.: sap.m.MessageBox anstatt MessageBox)

SAP-News

Horst Keller

  • ABAP

Rich Heilman

  • SAP HANA

Thomas Fiedler

  • ABAP

Frank Buchholz

  • Architekt SAP CoE

Thomas Jung

  • SAP HANA

Andre Fischer

  • SAP Fiori, SAP Gateway, Odata

Uwe Fetzer

  • ABAP

Joachim Rees

  • S/4HANA, ABAP

Wolfgang Woehrle

  • ABAP, ADT

Enno Wulff

  • ABAP

Olga Dolinskaja

  • ABAP, ATC

Bartosz Jarkowski

  • HANA

Mauricio Lauffer

  • SAPUI5, OpenUI5

Lars Hvam

S/4HANA Blog

  • Infos zum Thema S/4HANA

S/4HANA-Experts

  • Infos zum Thema S/4HANA