Kaip naudoti „TypeScript“ su „Node.js“ projektu

„TypeScript“ yra patogus kuriant sudėtingas programas ir tvirtą architektūrą, pvz., mikropaslaugas. Žinoma, „TypeScript“ negali padaryti nieko, ko negali „JavaScript“, tačiau ji gali padaryti sudėtingus projektus lengviau valdomus. Griežtas TypeScript spausdinimas ir sąsajų palaikymas reiškia, kad jis puikiai tinka objektiniam programavimui. Matėme, kad daugelis kompanijų kreipiasi į „TypeScript“, kad koduotų savo pagrindinę programą.

Nėra geresnio laiko pradėti naudoti „TypeScript“ savo Node.js projekte nei dabar. Bet kaip galite jį nustatyti savo Node.js projektui? Sužinosite šiame straipsnyje.

Kas yra TypeScript?

„TypeScript“ yra sukompiliuota, griežtai įvesta „JavaScript“ versija, kurią sukūrė ir prižiūri „Microsoft“. „TypeScript“ kodas perkeliamas į „JavaScript“.

Griežtas TypeScript rašymo pobūdis padeda kūrėjams išvengti kodo klaidų. Jis sudarys tik kodą, atitinkantį jo nurodytų duomenų tipų taisykles. Dėl to „TypeScript“ kodas yra patikimesnis nei jo „JavaScript“ atitikmuo.

Jis taip pat palaiko funkcinį ir objektinį programavimą. Dėl visų šių funkcijų jis labai keičiamas ir tinkamas sudėtingoms programoms kurti.

Kaip nustatyti „TypeScript“ mazge. JS

Norėdami pradėti naudoti „TypeScript“ su savo Node.js projektu, turėsite čia ir ten nustatyti keletą konfigūracijų. Bet nesijaudinkite, tai lengva.

Tačiau įsitikinkite, kad jūs įdiekite Node.js npm paketą prieš tęsiant.

Inicijuoti paketą.json failą

Atidarykite terminalą ir sukurkite projekto aplanką. Tada įveskite šį naują katalogą ir inicijuokite Node.js projektą:

npm init

Aukščiau pateikta komanda sukuria a package.json failą, kad išsaugotumėte savo priklausomybes.

Įdiekite TypeScript ir kitas priklausomybes

Tada eikite į priekį ir įdiekite „TypeScript“ į savo Node.js projektą:

npm i -D mašinraštis

The -D raktinis žodis užtikrina, kad „TypeScript“ būtų įdiegta kaip dalis devpriklausomybės in package.json.

Taip pat turėsite įdiegti @types/express, „Express.js“ „TypeScript“ apibrėžimas:

npm įdiegti -D @tipai/express

Tada inicijuokite a tsconfig.json failą. Čia išsamiai aprašomos pagrindinės jūsų projekto kompiliatoriaus parinktys:

npx tsc --init

Aukščiau pateikta komanda sukuria a tsconfig.json failą projekto šakniniame aplanke.

Taip pat įdiekite Express.js. Galite tai praleisti, jei ketinate tvarkyti serverius tik su Node.js integruotais HTTP primityvais. Tačiau Express.js tai palengvina:

npm diegti išreikšti

Toliau įdiekite mazgas, paketas, kuris automatiškai iš naujo paleidžia serverį, kai tik pasikeičia kodas. Įsitikinkite, kad tai įdiegėte visame pasaulyje, kad jis veiktų:

npm diegti -g mazgas

Konfigūruokite TypeScript su mazgu. JS

Atidaryk tsconfig.json failą, kurį inicijavote anksčiau naudodami savo pasirinktas kodo redaktorius. Šiame faile gali būti daug. Nors galite konfigūruoti šį failą dabartine forma, galite pakeisti visą jo turinį toliau pateiktu, kad būtų paprasčiau.

Čia yra viskas, ko jums reikia tsconfig.json eiti:

{
"kompiliatoriaus parinktys": {
"modulis": "commonjs",
"esModuleInterop": tiesa,
"taikinys": "es6",
"modulisRezoliucija": "mazgas",
"šaltinio žemėlapis": tiesa,
"outDir": "raj" //Nurodo transpilerio katalogą. 
 },
"lib": ["es2015"]
}

Dabar atidaryta package.json. Štai kaip šiuo metu atrodo įdiegus TypeScript ir Express:

Tada pridėkite šias konfigūracijas prie scenarijus masyvas:

"scenarijus": {
"bandymas": "aidas \"Klaida: nenurodytas testas\"&& išėjimas 1",
"statyti": "npx tsc",
"pradėti": "mazgas ./dist/app.js",
"raj": "tsc -p .",
 "dev": "nodemon ./src/app.ts", //Pakeiskite tai su teisingas katalogaskeliasdėl app.ts in tavo atvejis
"tipo": "modulis"
}

Aukščiau pateikta konfigūracija nurodo, kad jūsų serveris būtų paleistas app.js, transpilatorius. Nesijaudinkite, tai yra numatytasis failas, kuris bus sukurtas automatiškai a raj aplanką, kai paleisite statyti scenarijus. Tai padarysite vėliau.

Tada konfigūracija nurodo pirminį kūrimo scenarijų kaip app.ts.

Taigi, kai pradedate kurti kūrimo aplinką, mazgas bėga app.ts. Tada Node.js tai sukompiliuoja į JavaScript viduje app.js –kuri palaiko ryšį su HTTP serveriu.

Tada sukurkite a src aplanką savo projekto šakniniame kataloge. Šiame aplanke sukurkite tuščią „TypeScript“ failą ir pavadinkite jį app.ts.

Sukurkite Transpilerio katalogą

Transpileris yra „JavaScript“ failas, kuris sujungia „TypeScript“ kodą į savąjį „JavaScript“. Taigi tai užtikrina, kad serveris gali susieti su jūsų kodu kaip „JavaScript“, o ne griežtai įvestą scenarijų.

Taigi, nors „TypeScript“ tvarko kodo struktūrą, transpilerio failas sukompiliuoja jį į „JavaScript“.

Dabar paleiskite statyti scenarijų sukurti raj Transpilerio katalogas automatiškai:

npm paleisti statyti

Aukščiau pateikta komanda sukompiliuoja „TypeScript“ kodą į „JavaScript“. Sukurtame aplanke yra du failai; app.js ir app.js.map.

Atviras package.json vėl. Masyve, pavadintame, pamatysite raktą pagrindinis. Matote, kad jo vertė nurodo index.js. Pakeiskite tai į app.js (transpilerio) failų katalogas:

"pagrindinis": "./dist/app.js",

Po formatavimo, package.json turėtų atrodyti taip:

Tai yra konfigūracijų dalis.

Sukurkite ir paleiskite HTTP užklausą

Dabar pabandykite sukurti ir paleisti HTTP užklausą per Express.js serverį, kad pamatytumėte, ar jūsų kodas kompiliuojamas taip, kaip turėtų.

Viduje app.ts:

importuoti greitasis, {užklausa, atsakymas} iš "išreikšti"
konst programa = express ()
app.get('/', async (req: Request, res: Response)=>{
 console.log('Labas pasauli')
 res.send('Labas pasauli')
})
konst prievadas = 8080
app.listen (prievadas, (): tuštuma=>{
konsolė.log(„Programa klausosi http://localhost:${port}`)
})

Tada atidarykite komandinę eilutę savo projekto šakniniame kataloge ir paleiskite dev scenarijus projektui pradėti:

npm paleisti dev

Atidarykite naršyklę ir eikite į Localhost: 8080, ir pamatysi atsakymą (Labas pasauli). Tai taip pat matysite terminale, jei pritaikėte console.log komandą, kaip darėme aukščiau esančiame pavyzdyje.

„TypeScript“ turi didelę paklausą

Vargu ar yra daug skirtumų tarp „TypeScript“ ir „JavaScript“. Tačiau pirmasis palengvina plėtrą, nes pridedamas griežtas spausdinimas.

„TypeScript“ yra vertinga kalba tokiose sąsajose kaip „Angular“, todėl negalime paneigti jos našumo ir mastelio. Jis tampa vis populiaresnis, o „TypeScript“ kūrėjų darbo perspektyvos nuolat auga.

„Angular“ įvadas

Skaitykite toliau

Apie autorių