TypeScript je nadmnožina JavaScriptu vyvinutá pro vytváření bezpečnějších aplikací ve velkém měřítku. Do jazyka přidává volitelné statické psaní, což usnadňuje detekci chyb před kompilací.

Jazyk také zavádí některé funkce, které v JavaScriptu neexistují. Patří mezi ně generika, třídy, rozhraní, výčty a dekorátory.

Naučte se, jak nastavit svůj první projekt TypeScript od začátku v několika krocích.

Krok 1: Instalace TypeScript

Před použitím TypeScript ve vašem systému musíte kompilátor TypeScript nainstalovat globálně.

Chcete-li globálně nainstalovat TypeScript, spusťte následující příkaz:

npm Nainstalujte -g strojopis

Krok 2: Nastavení vašeho projektu

Chcete-li nastavit svůj projekt TypeScript, začněte vytvořením prázdného adresáře projektu libovolné IDE dle vašeho výběru.

Poté vytvořte soubory pomocí .ts přípona souboru. TypeScript nelze spustit v žádném prostředí. Před spuštěním je tedy nutné jej zkompilovat do JavaScriptu.

Chcete-li zkompilovat soubory TypeScript do JavaScriptu, přejděte do adresáře projektu na svém terminálu. Pak běžte tsc následovaný názvem vašeho souboru TypeScript.

instagram viewer

Například:

tscindex.ts

Tento příkaz vytvoří soubor index.js soubor ve stejném adresáři jako váš index.ts soubor sídlí.

Toto chování může být nežádoucí, protože by ztížilo správu vašeho projektu s vícenásobnými .js a .ts soubory ve stejném adresáři.

Toto výchozí chování změníte a změníte chování vašeho kompilátoru TypeScript pomocí tsconfig.json soubor.

Spuštěním následujícího příkazu v terminálu vytvořte a tsconfig.json soubor ve vašem projektu:

tsc --init

Tím se vygeneruje soubor obsahující všechna nastavení konfigurace pro váš kompilátor TypeScript.

Zde pokryjete pouze základy potřebné k zahájení vašeho projektu, ale můžete se o něm dozvědět více dokumentaci TypeScript tsconfig.

Krok 3: Nastavení kompilátoru TypeScript pro lepší pracovní postup

The tsconfig.json obsahuje konfigurační možnosti pro kompilátor TypeScript rozdělené do sedmi částí:

  • Projekty
  • Jazyk a prostředí
  • Moduly
  • Podpora JavaScriptu
  • Vysílat
  • Interoperativní omezení
  • Typová kontrola
  • Úplnost

Většina vlastností je ve výchozím nastavení zakázána (jsou zakomentovány). Můžete je aktivovat a upravovat jejich zrušením komentáře.

Zde jsou kroky, které budete muset provést, abyste změnili umístění vygenerovaných souborů JavaScript:

  1. OTEVŘENO tsconfig.json a najděte vysílat sekce.
  2. V vysílat sekce, zrušte komentář outDir vlastnost a zadejte adresář, do kterého chcete uložit zkompilované .ts soubory. Nyní kdykoli běžíte tsc, vaše .js soubory budou v zadané složce.

Běh tsc následovaný názvem souboru, který chcete zkompilovat, není pro váš pracovní postup optimální, zvláště když potřebujete zkompilovat více souborů.

K vyřešení tohoto problému poskytuje kompilátor TypeScript vlastnost, která mu umožňuje zkompilovat všechny soubory v adresáři jedním příkazem.

Chcete-li to nastavit, postupujte takto:

  1. OTEVŘENO tsconfig.json a najděte moduly sekce.
  2. V moduly sekce, zrušte komentář rootDir majetek popř rootDirs (pokud chcete, aby kompilátor zkompiloval více .ts adresářů do .js) a zadejte adresář (adresáře) souboru.

Tato nastavení zlepší váš pracovní postup a usnadní údržbu vašich souborů.

Výhody TypeScriptu

Hlavní výhodou TypeScriptu oproti JavaScriptu je jeho typová bezpečnost. TypeScript umožňuje rychle odhalit těžko dohledatelné chyby. Díky této funkci je ideální pro vytváření bezpečných a rozsáhlých aplikací.