Start SAP Links Artikel Archiv nach Kategorie "SAPUI5 / Fiori" (Seite 4)

Kategorie: SAPUI5 / Fiori

[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
    [sourcecode language=“plain“]
    npm init
    [/enlighter]
    anlegen
  3. Erweitern der package.json (im Root-Verzeichnis des Projektes) um die types
    [sourcecode language=“plain“]
    "devDependencies": {
    "@types/openui5": "^1.40.1",
    …
    }
    [/enlighter]
    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
    [sourcecode language=“plain“]
    npm install

    (detaillierterer Aufruf: npm install –save @types/openui5)
    [/enlighter]
    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):
    [sourcecode language=“plain“]
    {
    // 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"
    ]
    }
    [/enlighter]
  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)

[SAPUI5] Übersicht

OpenUI5

OpenUI5

  • Einstiegsseite zum Thema OpenUI5 von SAP

OpenUI5 auf GitHub

  • OpenUI5 auf GitHub

OpenUI5: UI Development Toolkit for HTML5

  • API Reference, Dev Guide, UI5 Explorer, Demos, Icon Explorer, Control Library

OpenUI5 Versions Maintenance Status

  • Versionsübersicht

SAPUI5

csharp-blog.de

  • Blog zum Thema SAPUI5

SAPUI5: UI Development Toolkit for HTML5

  • API Reference, Dev Guide, UI5 Explorer, Demos, Icon Explorer, Control Library

Bootstrapping: Loading and Initializing

  • Tutorial zum Thema Boostrapping

SAPUI5 Versions Maintenance Status

  • Versionsübersicht

UI5 Demo Kit

  • Dokumentation

UI5 Programming Examples

  • Programmierbeispiele für UI5

SAPUI5: Ein paar Grundlagen zum SAPUI5-Framework

  • Grundlagen

SAPUI5: Typen von Views

  • Views

SAPUI5: Data Binding

  • Data Binding