Jak skonfigurować projekt TypeScript + Node.js

Ten bardzo krótki przewodnik przeprowadzi Cię przez proces konfiguracji TypeScript z nowymi (lub istniejącymi!) projektami Node.js.

Wymagania wstępne:

• Powinieneś być trochę zaznajomiony z Node i JavaScript
• Powinieneś mieć zainstalowany edytor kodu (najlepiej VSCode)
• W tym przewodniku założono, że korzystasz z systemu Linux, MacOS lub innego systemu operacyjnego typu UNIX.
• Ten przewodnik zakłada również, że używasz npm jako menedżera pakietów (zamiast tego możesz użyć przędzy, pnpm lub preferowanego menedżera pakietów)

• Dzięki temu dowiesz się, jak bardzo szybko rozpocząć pracę z TypeScript
• W tym przewodniku dowiesz się również, jak wykorzystać popularne pakiety, takie jak nodemon, do obsługi przeładowywania aplikacji na gorąco

• TypeScript to nadzbiór języka JavaScript, który zapewnia nam opcjonalne pisanie statyczne. Został zbudowany przez Microsoft i jest prawdopodobnie jedyną dobrą rzeczą, jaką wydali w VS Code (tylko żartuję )
• Służy jako dokumentacja i zmniejsza koszty związane z wdrażaniem, a tym samym poprawia wrażenia programistów
• Pozwala nam szybko identyfikować błędy/problemy, zwiększając w ten sposób ogólną jakość oprogramowania
• Przeczytaj podręcznik TypeScript , aby uzyskać więcej informacji

1. Utwórz katalog i przejdź do nowo utworzonego folderu

mkdir typescript-example
cd typescript-example

npm init -y

npm install typescript --save-dev

npm install @types/node --save-dev

5. Utwórz plik tsconfig.json

npx tsc --init

6. Skompiluj swój kod za pomocą komendy tsc przy użyciu programu Node package executer (npx) .

npx tsc

Poprawa doświadczenia lokalnego programisty

1. Ponowne ładowanie na gorąco — znacznie poprawi to pracę dewelopera, ponieważ umożliwi ponowne ładowanie aplikacji w przypadku wprowadzonych zmian. Możemy to skonfigurować za pomocą Nodemon w naszych aplikacjach Node.js.

npm install --save-dev ts-node nodemon

Powyższe powinno wystarczyć do szybkiego skonfigurowania projektu TypeScript + Node lokalnie. Możesz to dodatkowo ulepszyć poprzez:

• Użyj lintera: użyj czegoś takiego jak ESLint . Jest to narzędzie do statycznej analizy kodu, które pozwala nam ustanowić standard w naszym kodzie. Możemy to wykorzystać do egzekwowania standardów i wzorców kodowania w naszej bazie kodu.
• Wprowadź narzędzia do głębokiego usuwania: Rimraf do usuwania niechcianych plików przed przekazaniem do produkcji
• Dodaj pakiet modułów statycznych: użyj webpacka (lub turbopacka). Prawdopodobnie będzie to przesada w przypadku małego projektu — ale w miarę skalowania aplikacji będziesz potrzebować mechanizmu do zarządzania wszystkimi plikami JS/TS .
• Automatyzacja — jak możesz zautomatyzować powyższe dla swojej firmy?