Jak uruchomić TypeScript w kodzie VS

"Vs kod" oznacza "Kod Studio Visual„Który jest bezpłatny i edytor kodu open source używany przez programistów do wykonywania kodu w różnych językach programowania, w tym„Maszynopis". Aby uruchomić kod TypeScript w kodzie VS, obowiązkowe jest zainstalowanie kompilatora TypeScript „TSC„To przetrwa„.TS”Plik do JavaScript„.JS" plik.

W tym samouczku omówiono procedurę wykonania typePrisc w kodzie VS.

Jak uruchomić TypeScript w kodzie VS?

Aby uruchomić TypeScript w kodzie VS lub dowolnym innym IDE, najpierw musisz zainstalować „węzeł.JS„W twoim systemie. Uruchom następujące polecenie w wierszu polecenia, aby zainstalować TypeScript:

NPM instaluj -g typercript

Następnie możesz łatwo wykonać TypeScript w kodzie VS za pomocą terminalu VS. Otwórz terminal za pomocą „Ctrl+Shift+'”I wykonaj podane kroki:

• Przenoś plik TypeScript do pliku JavaScript.
• Wykonaj plik JavaScript.

Krok 1: Przetrzymuj plik TypeScript do pliku JavaScript

Aby przetrwać TypeScript do JavaScript, użyj poniższego polecenia:

nazwa pliku TSC.TS

Krok 2: Wykonaj plik JavaScript

Aby wykonać plik Transpile JavaScript, użyj poniższego polecenia:

nazwa pliku węzła.JS

Powyższe podejście pomaga wykonać TypeScript w dowolnym IDE, jeśli konkretnie uruchamiasz TypyScript w kodzie VS, po prostu wykonaj podane kroki:

• Zainstaluj rozszerzenia w kodzie VS
• Utwórz plik kodu TypeScript
• Transpile CodeScript kod
• Uruchom plik JavaScript

Krok 1: Zainstaluj rozszerzenia w kodzie VS

Najpierw zainstaluj rozszerzenia w kodzie VS z „Rozszerzenia”Panel w kodzie VS. Aby to zrobić, kliknij ikonę rozszerzeń lub naciśnij „Ctrl+Shift+x„Na lewym pasku bocznym:

Wpisz "węzeł”W pasku wyszukiwania kliknij rozszerzenie„Węzeł niezbędny”I naciśnij„zainstalować" przycisk. Zainstaluje wszystkie podstawowe rozszerzenia rozwoju węzłów:

Po zainstalowaniu rozszerzenia Node Essential zainstaluj rozszerzenie dla TypeScript, które zawiera „Kompilator TypeScript 'TSC„”, Aby przejść „.TS" plik. W tym celu przeszukaj „Maszynopis”W pasku wyszukiwania kliknij„JavaScript i TypeScript Nightly”I naciśnij„zainstalować" przycisk:

Krok 2: Utwórz plik kodu TypeScript

Utwórz plik z rozszerzeniem „.TS”, Który zawiera kod TypeScript. Tutaj utworzymy plik TypeScript jako „plik.TS”:

Dodaj następujący kod w „plik.TS" plik:

Pozwól mile widzieć: „Witamy w Linuxhint”;
konsola.dziennik (mile widziany);

Krok 3: Transpile Kod Typecript

Teraz otwórz terminal VS za pomocą „Ctrl+Shift+'”I wprowadź następujące polecenie, aby przenieść kod TypeScript do pliku JavaScript:

plik TSC.TS

Po skompilowaniu „.JS”Plik jest tworzony:

Krok 5: Uruchom plik JavaScript

Teraz uruchom plik JavaScript za pomocą „węzła.js ”z podanym poleceniem:

plik węzła.JS

Wyjście

Jeśli chcesz pokazać wyjście na stronie internetowej, musisz połączyć swoje „.JS”Plik z dokumentem HTML za pomocą„src„Atrybut tagu:

Chodzi o uruchamianie TypeScript w kodzie VS.

Wniosek

Aby uruchomić kod TypeScript w kodzie VS, najpierw musisz zainstalować „węzeł.JS ”i„ TypeScript ”w twoim systemie lub w kodzie VS IDE. Następnie użyj „TSC”Polecenie do transportu pliku TypeScript do pliku JavaScript. Na koniec uruchom plik JavaScript w kodzie VS przy użyciu „węzeł" Komenda. W tym samouczku omówiono procedurę wykonywania maszynopisji w kodzie VS.