Start Beiträge verschlagwortet mit "Visual Studio Code"

Schlagwort: Visual Studio Code

[VS Code] Visual Studio Code einrichten

Visual Studio Code installieren

Intellisense-Doku

Keyboard-Shortcuts

Plugins

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