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 Szenarioanalyse Entwicklung Zu...
1. Schreiben Sie ein Backup-Skript rem Autor:www....
Der Befehl tee wird hauptsächlich verwendet, um d...
Vorwort: Ich habe Win10 neu installiert und gleic...
Inhaltsverzeichnis 1. v-bind: kann einige Daten a...
Inhaltsverzeichnis 1. Projektordnerstruktur 1. As...
Verstehe das Vielleicht haben Sie this in anderen...
Einführung Heute werde ich die Verwendung der Sum...
Da die von nativen JS initiierten Netzwerkanforde...
1. setTimeOut Drucken Sie abc nach 3 Sekunden. Nu...
Effektbild: 1. Dateien importieren <script src...
Inhaltsverzeichnis 1. Was ist Bubble Sort 2. Gebe...
In diesem Artikel wird das grafische Tutorial zur...
Windows Server 2019 ist das neueste Server-Betrie...
Beispiel zur MySQL-Passwortänderung – ausführlich...