akpaka chịkọtara ịzọpụta typescript na Visual Studio Code

Na nke a post anyị ga-edozi nsogbu abụọ: 1) iwu “tsc” Ọ na-adịghị ghọtara na integrated ọnụ VS koodu, e 2) chịkọtara-adịghị arụ ọrụ na-akpaghị aka mgbe na-azọpụta faịlụ “.TS” (pịnye akwukwọ).

iwebata

Dị nnọọ ka contextualize, na TypeScript Ọ-enye gị ohere ede koodu eji a ike mesịa Ọdịdị na a koodu weere dị ọcha JavaScript. ama Visual Studio Code Ọ bụ a cross-ikpo okwu code nchịkọta akụkọ kere Microsoft.

// Versions eji na a Post:
- visual Studio (VS) Usoro: version 1.14.1
- Typescript: version 2.4.1

Nke a bụ ihe dị mfe n'ọnụ, ma na ị nwere ike nsogbu ma ọ bụrụ na ị na-amaghị ihe ị na-eme: m ikpe :D

Node.js na typescript echichi

Otu ụzọ wụnye bụ typescript site Node.js ngwugwu manager (asl – Ọnụ ngwugwu manager), n'ihi na ihe eji-lo, mbụ ị mkpa wụnye Node.js.

Mgbe wụnye ọnụ, oghe ma ọ bụ ọnụ (iwu) na-agba ọsọ na-esonụ iwu ka instalar o TypeScript:

npm wụnye -g typescript

Ọ bụ ezie na Windows enweghị Ngwọta (gị Linux), ka a ule ọsọ nke typescript ịlele arụnyere version. The iwu “tsc” Ọ bụ ihe na acronym maka typescript Compiler.

tsc -v

nsogbu

Nsogbu bụ na iwu “tsc” Ọ arụ ọrụ na-ejikarị na Windows enweghị Ngwọta, ma ọ bụghị na integrated ọnụ na-abịa Visual Studio Code onwe ya (VS koodu), na-egosipụta na-esonụ njehie:

'Tut' na-adịghị ghọtara dị ka esịtidem ma ọ bụ mpụga iwu,operable omume ma ọ bụ ogbe file.

Ọzọkwa, Achọghị m na-agba ọsọ iwu “tsc” maka oge ọ bụla m chọrọ ide a file “.TS” (ndọtị maka typescript). mgbe ahụ, dị ka mgbe niile ka akpaka chịkọtara ịzọpụta (CTRL + S)? Nke a bụ ihe anyị ga-ahụ.

ndị ọzọ njehie

Ịmụ nsogbu ndị a, Posts m hụrụ si iji compileOnSave, ma nke a bụ naanị na-akwado site Visual Studio 2015 com TypeScript> = 1.8.4 e atọm-typescript plugin. ndị ọzọ okwu, dịghị ihe nke ọma compileOnSave dịghị “tsconfig.json” ime Visual Studio Code, koodu n'okpuru ga na-arụ ọrụ:

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

ngwọta

TSC na integrated Ọnụ VS Code

Mbụ anyị dozie nsogbu nke tsc bụghị-ghọtara na integrated ọnụ nke Visual Studio Code (VS koodu).

ụfọdụ posts Ha na-atụ aro na-ụzọ nke tsk ma ọ bụ npm na ụzọ gburugburu ebe obibi agbanwe, ma ụzọ dị mfe iji dozie a na-eme echichi nke “TypeScript maka Visual Studio, nke bụ dakọtara maka VS Code nwekwara.

ugbu a ee, mgbe echichi, emeghe ọrụ panel nke Visual Studio Code, dee:

// shortcut isi maka integrated ọnụ nke Visual Studio Code:
CTRL+'
// Ma ọ bụ jiri menu na-emeghe ọnụ na Visual Studio Code:
View > Integrated Ọnụ

Gbalịa na-elele version nke typescript eduzi ike ọnụ VS Code (Ọ bụghị na Windows enweghị Ngwọta), na ga-eleghị anya na-arụ ọrụ:

tsc -v

akpaka chịkọtara mgbe azọpụta a file .TS

Site ọnụ VS Code bụ ọnọdụ gị script directory (.TS), n'ihi na ihe atụ:

cd C:\wamp64  www  TS

Mepụta faịlụ tsconfig.json site na iji kọmputa ede na ọnụ VS Code:

tsc --init

Rịba ama na a file “tsconfig.json” Ọ ga-kere ke “C:\wamp64 www TS” (ugbu a directory).

mepee tsconfig.json ma mee nhọrọ “sourceMap”: ezi, na-azọpụta mgbanwe, na-ọma:

  "compilerOptions": {
    /* Basic Nhọrọ */
    "target": "es5",                          /* Dee ECMAScript iche version: 'ES3' (ndabere), 'ES5', 'ES2015', 'ES2016', 'ES2017', ma ọ bụ 'ESNEXT'. */
    "module": "commonjs",                     /* Dee modul code ọgbọ: 'Commonjs', 'AMD', 'Usoro', 'Umd', 'Es2015', ma ọ bụ 'ESNext'. */
    // "lib": [],                             /* Dee n'ọbá akwụkwọ faịlụ-esịne ke mkpokọta:  */
    // "allowJs": ezi,                       /* Ekwe Javascript faịlụ ka weere. */
    // "checkJs": ezi,                       /* Report njehie .js files. */
    // "jsx": "preserve",                     /* Dee JSX code ọgbọ: 'Chebe', 'Na-eme-na nwa afọ', ma ọ bụ 'na-eme'. */
    // "declaration": ezi,                   /* Site kwekọrọ ekwekọ '.d.ts' file. */
    "sourceMap": ezi,                     /* Site kwekọrọ ekwekọ '.map' file. */
    // "outFile": "./",                       /* Concatenate na emit mmeputa otu faịlụ. */
    // "outDir": "./",                        /* Ébé mmepụta Ọdịdị na directory. */
    // "rootDir": "./",                       /* -Ezipụta na mgbọrọgwụ ndekọ nke input files. Eji na-achịkwa mmepụta directory Ọdịdị na --outDir. */
    ... na-aga n'ihu ...

anya, Ugbu a ị na-nnọọ na-aga na ọnụ VS Code na pịnyere iwu:

tsc -w

Iwu a bụ nlekota oru (ma ọ bụ na-ekiri, Ya mere “w” de nche) ngwa na ihe ọ bụla mgbanwe na faịlụ .TS, mgbe zọpụta, ga-ozugbo chịkọtara .JS.

Ọ bụ ya!

Total accesses: 9221

Nkume a-aza

Na adreesị email gị agaghị bipụtara. Chọrọ ubi na-akara na *