Comment exécuter TypeScript dans VS Code

"VS Code"Signifie"Code Visual Studio«Ce qui est gratuit et un éditeur de code open-source utilisé par les développeurs pour exécuter le code dans différents langages de programmation, notamment«Manuscrit". Pour exécuter le code TypeScript dans le code vs, il est obligatoire d'installer le compilateur TypeScript "TSC"Cela transformera le".ts«Fichier au JavaScript».js" déposer.

Ce tutoriel discutera de la procédure pour exécuter le dactylographie dans le code vs.

Comment exécuter TypeScript dans VS Code?

Pour exécuter TypeScript dans VS Code ou tout autre IDE, vous devez d'abord installer un «nœud.js"Sur votre système. Exécutez la commande suivante sur l'invite de commande pour installer TypeScript:

NPM Install -g TypeScript

Après cela, vous pouvez facilement exécuter le type de type sur le code vs à l'aide du terminal vs. Ouvrez le terminal en utilisant le «ctrl + shift + '»Et suivez les étapes données:

• Transpliquez le fichier TypeScript dans le fichier JavaScript.
• Exécuter le fichier JavaScript.

Étape 1: Transpliquez le fichier TypeScript dans le fichier javascript

Pour transpiler le dactylographie au JavaScript Utilisez la commande ci-dessous:

nom de fichier TSC.ts

Étape 2: Exécutez le fichier javascript

Pour exécuter le fichier javascript transpile, utilisez la commande ci-dessous:

nom de fichier de nœud.js

L'approche ci-dessus permet d'exécuter le type de type dans n'importe quel IDE si vous exécutez spécifiquement TypeScript dans VS Code, puis suivez simplement les étapes données:

• Installez les extensions dans le code vs
• Créer un fichier de code TypeScript
• Transpile Code dactylographié
• Exécutez le fichier javascript

Étape 1: Installez les extensions dans le code vs

Tout d'abord, installez les extensions dans le code vs du «Extensions”Panneau dans VS Code. Pour ce faire, cliquez sur l'icône d'extensions ou appuyez sur "ctrl + shift + x”Dans la barre latérale de gauche:

Tapez le "nœud"Dans la barre de recherche, cliquez sur l'extension"Nœud essentiel»Et appuyez sur le«installer" bouton. Il installera toutes les extensions essentielles pour le développement de nœuds:

Après avoir installé l'extension essentielle du nœud, installez l'extension pour TypeScript qui contient le «Compilateur de dactylographie 'TSC'"Pour transpiler le".ts" déposer. Pour cela, recherchez le «Manuscrit"Dans une barre de recherche, cliquez sur"Javascript et dactylographié tous les soirs»Et appuyez sur le«installer" bouton:

Étape 2: Créer un fichier de code TypeScript

Créer un fichier avec l'extension ".ts"Cela contient le code TypeScript. Ici, nous créerons un fichier de type TypeScript comme «déposer.ts»:

Ajoutez le code suivant dans le "déposer.ts" déposer:

LET WELLY: String = "Welcome to LinuxHint";
console.journal (bienvenue);

Étape 3: Transpile Code dactylographié

Maintenant, ouvrez le terminal VS en utilisant "ctrl + shift + '»Et entrez la commande suivante pour transformer le code TypeScript dans le fichier JavaScript:

Fichier TSC.ts

Après avoir compilé, le «.js»Le fichier est créé:

Étape 5: Exécutez le fichier javascript

Maintenant, exécutez le fichier JavaScript à l'aide de «Node.js ”avec la commande donnée:

fichier de nœud.js

Sortir

Si vous souhaitez afficher la sortie sur la page Web, vous devez lier votre ".js»Fichier avec le document HTML à l'aide du«SRC”Attribut de tag:

Il s'agit de l'exécution de TypeScript dans VS Code.

Conclusion

Pour exécuter le code TypeScript dans VS Code, vous devez d'abord installer «Node.JS "et" TypeScript "dans votre système ou dans le code VS IDE. Ensuite, utilisez le "TSC”Commande pour transpiler le fichier TypeScript dans un fichier javascript. Enfin, exécutez le fichier JavaScript dans le code vs à l'aide du «nœud" commande. Ce tutoriel a discuté de la procédure pour exécuter le dactylographe dans le code vs.