Erstellen eines Projekts Erstellen Sie ein Projekt in WeChat Developer Tools und wählen Sie Renovierungsprojekt Bearbeiten Sie die Datei { "Name": "Miniprogramm-TS-Schnellstart", "version": "1.0.0", "Beschreibung": "", "Skripte": { "Kompilieren": "./node_modules/typescript/bin/tsc", "tsc": "Knoten ./node_modules/typescript/lib/tsc.js" }, "Schlüsselwörter": [], "Autor": "", "Lizenz": "", "Abhängigkeiten": { }, "devAbhängigkeiten": { "Typoskript": "^4.1.3", "miniprogram-api-typings": "^2.12.1-beta.0" } } Bearbeiten Sie die Datei tsconfig.json, ändern Sie lib in ["esnext"], unterstützen Sie die neueste Syntax und löschen Sie das Konfigurationselement typeRoots { "Compileroptionen": { "strictNullChecks": wahr, "noImplicitAny": wahr, "Modul": "CommonJS", "Ziel": "ES5", "allowJs": falsch, "experimentalDecorators": wahr, "noImplicitThis": wahr, "noImplicitReturns": wahr, "alwaysStrict": wahr, "inlineSourceMap": wahr, "inlineSources": wahr, "noFallthroughCasesInSwitch": wahr, "noUnusedLocals": wahr, "noUnusedParameters": wahr, "streng": wahr, "removeComments": wahr, "hübsch": wahr, "strictPropertyInitialization": wahr, "lib": ["esnext"] }, "enthalten": [ „./**/*.ts“ ], "ausschließen": [ "Knotenmodule" ] } Führen Sie Löschen Sie das Verzeichnis „typings“ unter dem Projekt und kopieren Sie die Datei „types“ von „miniprogram-api-typings“ unter „node_modules“ in das Stammverzeichnis des Projekts. Erstellen Sie unter dem Miniprogramm ein Schnittstellenverzeichnis und erstellen Sie eine Datei IAppOption.ts. Bearbeiten Sie abschließend die Datei app.ts. // IAppOption.ts exportiere Standardschnittstelle IAppOption { globalData: { Text: Zeichenfolge; } } // app.ts importiere IAppOption aus "./interface/IAppOption"; App<IAppOption>({ globalData: { Text: „Hallo, Word!“ }, beim Starten() { } }) Wählen Sie unter Details -> Lokale Einstellungen -> Debug Base Library direkt die neueste Verwenden der Promise WeChat Mini Program API Bisher konnten Sie Jetzt können Sie es direkt verwenden, z. B. wx.getStorageInfo, das getStorageInfo<TOption erweitert GetStorageInfoOption>( Option?: TOption ): PromisifySuccessResult<TOption, GetStorageInfoOption> Typ PromisifySuccessResult< P, T erweitert AsyncMethodOptionLike > = P erweitert { Erfolg: beliebig } ? Leere : P erweitert { Fehler: beliebig } ? Leere : P erweitert { komplett: beliebig } ? Leere : Versprechen<Parameter<Ausschließen<T['Erfolg'], undefiniert>>[0]> Zwei Verwendungszwecke, die von den meisten APIs unterstützt werden wx.getStorageInfo({ Erfolg: () => { console.log('Erfolgreiche Ausführung') }, fehlgeschlagen: () => { console.log('Ausführung fehlgeschlagen') }, vollständig: () => { console.log('Schnittstellenaufruf beendet') } }) wx.getStorageInfo().then(() => { console.log('Erfolgreiche Ausführung') }).catch(() => { console.log('Ausführung fehlgeschlagen') }).schließlich(() => { console.log('Schnittstellenaufruf beendet') }) Quellcode: https://github.com/NikolasSky/ts-miniprogram/tree/master/ts-miniprogram-base Dies ist das Ende dieses Artikels zum Erstellen eines WeChat-Applet-Projekts mit Typescript. Weitere Informationen zum Entwickeln eines WeChat-Applets mit Typescript finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: Eine kurze Diskussion darüber, ob MySQL eine Funktion ähnlich der nvl von Oracle haben kann
>>: So richten Sie den PostgreSQL-Start unter Ubuntu 16.04 ein
1. Anzeigeeffekt: 2. HTML-Struktur <div Klasse...
Nginx ist mit demselben Domänennamen konfiguriert...
1. Funktion: xargs kann die durch Leerzeichen ode...
In diesem Artikelbeispiel wird der spezifische Ja...
Die Optimierung großer Datenbankdatenmengen ist e...
Inhaltsverzeichnis 1.1Tinyint-Typbeschreibung 1.2...
virtualenv ist ein Tool zum Erstellen isolierter ...
Inhaltsverzeichnis Vorwort: 1. Verstehen Sie Lock...
Containerprotokolle anzeigen Verwenden Sie zunäch...
Inhaltsverzeichnis 1. Variablen Verwenden Sie aus...
login.html-Teil: <!DOCTYPE html> <html l...
MySQL-Dienst 8.0.14-Installation (allgemein), zu ...
Inhaltsverzeichnis $nächsterTick() $forceUpdate()...
Ich plane, meine eigene Website zu erstellen, als...
Inhaltsverzeichnis 1. Datenbank-Master-Slave-Klas...