automatesch Resultat spueren typescript am kale Studio Code

An dësem Post wäert léisen mer zwee Problemer: 1) Kommando “tsc” Et ass net an der integréiert Opluedstatioun vs Code unerkannt, E 2) Resultat net automatesch Aarbecht wann Fichier spueren “.TS” (Typ Audiodateien).

Aféierung

Just zu Traité constitutionnel, der TypeScript Et erlaabt Iech Code mat engem staark getippten Struktur ze schreiwen an dësem Code ze reng Javascript iwwerlieft hunn. schonn Visual Studio Code Et ass e Passe-Plattform Code Redakter vun Microsoft geschaf.

// Versiounen an dësem Post benotzt:
- Visual Studio (Bettel vs) Code: Versioun 1.14.1
- Typescript: Versioun 2.4.1

Dëst ass eng einfach Tipp, mä Dir kënnt Problemer hunn wann Dir wësst net wat Dir bass maachen: mengem Fall :D

Node.js an typescript Installatioun

Een Wee fir installéiert ass typescript duerch Node.js Pak Manager (asl – Node Pak Manager), mee et ze benotzen, Dir éischt mussen installéieren oder Node.js.

Nom Node installéiert, oppen oder Opluedstatioun (Kommando) a lafen de folgende Kommando zu installéieren oder typescript:

asl installéiert -g typescript

Obwuel de Windows Terminal (oder Linux), maachen engem Test Laf vun der typescript der installéiert Versioun Iwwerpréiwung. O Kommando “tsc” Et ass Acronym fir typescript Compiler.

tsc -V.

Problem

De Problem ass, datt de Kommando “tsc” Et funktionéiert normalerweis am Windows Terminal, awer net am integréiert Opluedstatioun Ofwiersäit kale Studio Code selwer (Bettel vs Code), ginn déi folgend Feeler:

"Tsc" net unerkannt ass als eng intern oder extern Kommando,operable Programm oder Konte gefouert Fichier.

Desweideren, Ech hu wëllen net de Kommando ze lafen “tsc” fir all Zäit wollt ech eng Datei ze kompiléieren “.TS” (Extensioun fir typescript). dann, wéi ëmmer automatesch Resultat spueren maachen (Ctrl + S)? Dat ass wat mir gesinn soll.

anere Feeler

Problemer erunzegoen, Posts ech fonnt gesot ze benotzen compileOnSave, mee dat ass just duerch kale Studio ënnerstëtzt 2015 COM TypeScript> = 1.8.4 E Atom-typescript Plugin. an anere Wierder, kee gudde Gebrauch compileOnSave nee “tsconfig.json” do kale Studio Code, de Code ënnendrënner ginn net schaffen:

{
   "compileOnSave": richteg,
   "compilerOptions": {
       "noImplicitAny" : richteg
   }
}

Léisung

TSC am integréiert Terminal vs Code

Éischt léisen mer de Problem vun tsc net an der integréiert Opluedstatioun vun Visual Studio Code unerkannt ginn (Bettel vs Code).

puer posts Si proposéiere ausgebaut de Wee vun tsk oder NPM an dem Fuere Variabel, mä eng einfach Manéier dëser spiere war maachen Installatioun vun “TypeScript fir kale Studio, déi fir vs Code kompatibel ass och.

elo jo, der Installatioun, abra o Opluedstatioun integrado do kale Studio Code, Teclando:

// Ofkiirzung Schlëssel fir d'integréiert Opluedstatioun vun Visual Studio Code:
ewech+`
// OU benotzen o Menu Para abrir o Opluedstatioun kee kale Studio Code:
View > integréiert Terminal

Probéiert déi ze kontrolléieren Versioun vun der typescript direkt déi integréiert Opluedstatioun vs Code (Net am Windows Terminal), a wäert wahrscheinlech gin schaffen:

tsc -V.

automatesch Resultat wann e Fichier spueren .TS

Vun der Opluedstatioun vs Code ass Positioun an Ärer Schrëft directory (.TS), zum Beispill:

CD C:\wamp64  www  TS

Schafen der Datei tsconfig.json digitando kee Opluedstatioun vs Code:

tsc --init

Bedenkt datt engem Fichier “tsconfig.json” Et wäert zu geschaf ginn “C:\wamp64 www TS” (aktuellen Dossier).

Open oder tsconfig.json an aktivéiert der Optioun “sourceMap”: richteg, an retten d'änneren, elo gutt:

  "compilerOptions": {
    /* fundamental Optiounen */
    "target": "es5",                          /* Uginn ECMAScript Zil- Versioun: "SS3" (Default), "SS5", "ES2015", "ES2016", "ES2017", oder "ESNEXT". */
    "module": "commonjs",                     /* Uginn Modul Code Generatioun: "Commonjs", "Amd", "System", "Umd", "Es2015", oder "ESNext". */
    // "lib": [],                             /* Bibliothéik Fichieren uginn fir am Resultat abegraff ginn:  */
    // "allowJs": richteg,                       /* Erlaben Javascript Fichieren gin iwwerlieft. */
    // "checkJs": richteg,                       /* Rapport Feeler an .js Dateien. */
    // "jsx": "preserve",                     /* Uginn JSX Code Generatioun: "Erhaalen", "Reagéieren-gebierteg", oder 'reagéieren ". */
    // "declaration": richteg,                   /* Ergëtt entspriechend ".d.ts 'Datei. */
    "sourceMap": richteg,                     /* Ergëtt entspriechend ".map 'Datei. */
    // "outFile": "./",                       /* Concatenate an Wasserstoff zu Single Fichier produzéiert gëtt. */
    // "outDir": "./",                        /* Viruleedung Wasserstoff Struktur ze Dossier. */
    // "rootDir": "./",                       /* Uginn der Wuerzel Dossier vun Input Fichieren. Benotzen d'Wasserstoff Dossier Struktur mat --outDir ze kontrolléieren. */
    ... weider ...

geschwënn, Elo ginn Iech just am Opluedstatioun vs Code an Typ de Kommando:

tsc -W

Dëst Kommando ass iwwerwaacht (oder kucken, dofir “W” de souguer) der Applikatioun an all Ännerungen am Fichieren .TS, wann ech retten, wäert der direkter Resultat .JS.

Dat ass et!

Total vun Hits: 1118

Verloossen engem Antwort

Är Email Adress gëtt net publizéiert. Néideg Felder sinn markéiert mat *