Detaillierte Schritte zur Entwicklung von WeChat-Miniprogrammen mit Typescript

Auf die Vorteile von Typescript müssen wir nicht näher eingehen. Wenn Sie interessiert sind, können Sie (https://www.typescriptlang.org/) nachlesen. Heute werde ich Ihnen zeigen, wie Sie Typescript bei der Entwicklung von WeChat-Miniprogrammen (oder anderen ähnlichen Miniprogrammen) verwenden.

Hierfür gibt es zwei Situationen. Die einfachste Möglichkeit besteht darin, beim Erstellen eines Projekts die Option Typescript auszuwählen, wie in der folgenden Abbildung gezeigt. Beachten Sie aber, dass diese Option nur verfügbar ist, wenn Sie „Keinen Cloud-Dienst verwenden“ auswählen und das andere Miniprogramm Cloud Base nicht unterstützt wird. Dies kann daran liegen, dass die Entwicklungstools noch nicht auf dem neuesten Stand sind. Ich hoffe, dass es in Zukunft standardmäßig ausgewählt werden kann.

Die Frage ist also, was soll ich tun, wenn ich mich zunächst für das Miniprogramm Cloud Base entscheide oder wenn ich bereits ein Projekt habe und nun Typescript verwenden möchte? Es ist nicht schwierig. Bitte beachten Sie die Schritte, die ich unten zusammengefasst habe.

Schritt 1: Stellen Sie sicher, dass Ihr Projekt eine Datei package.json hat, und fügen Sie die folgenden zwei Zeilen hinzu. Der Rest kann anders sein. Wenn die Datei nicht vorhanden ist, generieren Sie sie mit dem Befehl npm init. Führen Sie nach dem Ändern der Datei den Befehl npm install aus, um lokale Abhängigkeiten zu generieren.

Der zweite Schritt besteht darin, Ihrem Projekt eine tsconfig.json-Datei mit folgendem Inhalt hinzuzufügen

{

"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,

"Bibliothek": [

"es5"

],

"TypRoots": [

„./Typisierungen“

]

},

"enthalten": [

„./**/*.ts“

],

"ausschließen": [

"Knotenmodule"

]

}

Der dritte Schritt besteht darin, das folgende komprimierte Paket herunterzuladen, zu dekomprimieren und im Stammverzeichnis des Projekts abzulegen.

http://xiazai.jb51.net/202101/yuanma/typings_jb51.rar

Die Datei hier ist die offiziell von Tencent bereitgestellte Typdefinitionsdatei d.ts

Schritt 4: Ändern Sie die Datei project.config.json und fügen Sie Vorverarbeitungsbefehle hinzu

"Skripte": {

"vor der Kompilierung": "npm führe tsc aus",

"vorVorschau": "npm tsc ausführen",

"vor dem Hochladen": "npm führe tsc aus"

}, 

Schritt 5. Stellen Sie sicher, dass der Vorverarbeitungsbefehl in den WeChat-Entwicklertools aktiviert ist.

Fertig. Jetzt können Sie Typescript verwenden, um WeChat-Applets zu entwickeln. Ich empfehle auch die Verwendung von VS Code für die direkte Entwicklung. Die „WeChat Developer Tools“ werden nur zum Kompilieren und Veröffentlichen verwendet. Diese Entwicklungserfahrung ist wirklich reibungslos und seidenweich. Ich werde diesen Inhalt im nächsten Artikel teilen, wenn ich Zeit habe.

Damit ist dieser Artikel über die detaillierten Schritte zur Verwendung von Typescript zur Entwicklung von WeChat-Applets abgeschlossen. Weitere Inhalte zur Entwicklung von WeChat-Applets mit Typescript finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!