Inhaltsverzeichnis
Führen Sie Ihr erstes TypeScript-Beispiel in Visual Studio Code aus
View more Tutorials:
Folge uns auf unserer fanpage, um jedes Mal benachrichtigt zu werden, wenn es neue Artikel gibt.
Facebook
Um Anwendungen TypeScript in Visual Studio Code erstellen und ausführen zu können, stellen Sie sicher, dass die folgende Software auf Ihrem Computer installiert ist:
Erstellen Sie auf Ihrem Computer einen neuen leeren Ordner, um das Projekt zu speichern. Wie zum Beispiel:
- C:/TypeScript/myfirstproject
Öffnen Sie als Nächstes in Visual Studio Code den Ordner, den Sie gerade im vorherigen Schritt erstellt haben.
- File > Open Folder
Klicken Sie auf das Symbol "New File" , um eine neue Datei TypeScript zu erstellen.
typescript_ex1.ts
console.log("Hello World!");
function sayHello(name: String) {
console.log(`Hello ${name}`);
}
sayHello("Tom");
Als nächstes müssen wir konfigurieren, um das obige Beispiel auszuführen.
Auf Visual Studio Code öffnen Sie das Fenster Terminal:
- View > Terminal
Führen Sie in einem Fenster Terminal den folgenden Befehl aus, um eine Konfigurationsdatei für Ihr Projekt zu erstellen:
tsc --init
Nach Ausführung des obigen Befehls wird die Datei tsconfig.json erstellt:
Wenn Sie eine Fehlermeldung wie die folgende erhalten, ziehen Sie eine der Lösungen von Stackoverflow in Betracht:
tsc : File C:\Users\Windows10\AppData\Roaming\npm\tsc.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1 + tsc typescript_ex1.ts + ~~~ + CategoryInfo : SecurityError: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess
Öffnen Sie die Datei tsconfig.json, um die Werte einiger Parameter zu ändern
| Find line starting with.. | Change to |
| "target": "es5" | "target": "es6" |
| // "outDir": "./", | "outDir": "./dist", |
tsconfig.json
{
"compilerOptions": {
"target": "es6",
"outDir": "./dist",
// Other codes...
}
}
Führen Sie als Nächstes im Fenster Terminal von Visual Studio Code den Befehl aus, um alle Ihre Dateien typescript in Dateien javascript zu kompilieren.
tsc
Führen Sie schließlich das Beispiel aus.
node ./dist/typescript_ex1.js
