Startseite SAP Links Artikel SAPUI5 / Fiori [OpenUI5] OpenUI5 / JavaScript Code-Vervollständigung mit IntelliSense in Visual Studio Code einrichten

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