[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)