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
Inhaltsverzeichnis Vorwort Funktionen von Vue Nat...
Ich habe viele davon gesammelt, aber alle endeten...
Der folgende Inhalt stellt den Prozess und die Lö...
Um die Tabelle zu verschönern, können Sie für die...
Vorwort: In MySQL sind Ansichten wahrscheinlich e...
Temporäre MySQL-Tabellen sind sehr nützlich, wenn...
Effektbild: Implementierungscode: <Vorlage>...
Das Unternehmen hatte einen gut konfigurierten Se...
In diesem Artikelbeispiel wird der spezifische Co...
Problembeschreibung Folgende Ergebnisse möchte ic...
Inhaltsverzeichnis 1. Bedingungen für das Versage...
<br />Wenn Sie Musik in eine Webseite einfüg...
<br />Basierend auf dem ursprünglichen, in B...
Arial Arial ist eine serifenlose TrueType-Schrifta...
In diesem Artikel finden Sie den spezifischen Cod...