laifọwọyi akopo Nfi typescript ni wiwo Studio Code

Ni yi post a yoo yanju meji isoro: 1) pipaṣẹ “tsc” O ti wa ni kò mọ wọn ni ese ebute VS koodu, e 2) akopo ko ṣiṣẹ laifọwọyi nigbati fifipamọ awọn faili “.ts” (tẹ Akosile).

ifihan

O kan lati contextualize, awọn TypeScript O faye gba o lati kọ koodu lilo a strongly ti tẹ be ki o si ti yi koodu compiled to funfun JavaScript. tẹlẹ Visual Studio Code O ti wa ni a agbelebu-Syeed koodu olootu da nipa Microsoft.

// Awọn ẹya ti a lo ni yi Post:
- visual Studio (VS) Code: version 1.14.1
- Typescript: version 2.4.1

Eleyi jẹ ẹya rọrun sample, ṣugbọn o le ni awọn išoro ti o ba ti o ko ba mọ ohun ti o ba ṣe: mi irú :D

Node.js ati typescript fifi sori

Ọkan ona lati fi sori jẹ typescript nipasẹ Node.js package faili (asl – Ipade package faili), sugbon lati lo o, o akọkọ nilo fi sori ẹrọ Node.js.

Lẹhin fifi ipade, ìmọ ebute (pipaṣẹ) ati ṣiṣe awọn awọn wọnyi àṣẹ to fi sori ẹrọ typescript:

npm fi sori ẹrọ -g typescript

Biotilejepe awọn Windows ebute (tabi Linux), ṣe kan igbeyewo run ti awọn typescript yiyewo awọn ti fi sori ẹrọ version. awọn pipaṣẹ “tsc” O jẹ ẹya adape fun typescript alakojo.

tsc -v

isoro

Awọn isoro ni wipe awọn pipaṣẹ “tsc” O functioned deede ni Windows ebute, sugbon ko ni ese ebute nbo ni wiwo Studio koodu ara (VS koodu), han awọn wọnyi ni aṣiṣe:

'Tsc' ti ko ba mọ bi ohun ti abẹnu tabi ita pipaṣẹ,operable eto tabi ipele file.

Jubẹlọ, Emi ko fẹ lati ṣiṣe awọn pipaṣẹ “tsc” fun ni gbogbo igba ti mo fe lati sakojo a file “.ts” (itẹsiwaju fun typescript). ki o si, bi nigbagbogbo ṣe laifọwọyi akopo Nfi (Konturolu + S)? Eleyi jẹ ohun ti a ki yio ri.

miiran aṣiṣe

Tọkantọkan wọnyi isoro, Posts ni mo ri wipe lati lo compileOnSave, ṣugbọn yi ni nikan ni atilẹyin nipasẹ Visual Studio 2015 typescript bi> = 1.8.4 e atomu-typescript itanna. ninu awọn ọrọ miiran, ko si ti o dara lilo compileOnSave ko si “tsconfig.json” ṣe wiwo ile isise Code, awọn koodu ni isalẹ yoo ko ṣiṣẹ:

{
   "compileOnSave": otitọ,
   "compilerOptions": {
       "noImplicitAny" : otitọ
   }
}

ojutu

TSC ni ese ebute VS Code

Akọkọ a yanju awọn isoro ti tsc ko wa ni mọ ninu awọn ese ebute ti awọn wiwo Studio Code (VS koodu).

diẹ ninu awọn posts Nwọn si daba o nri ni ona ti tsk tabi npm ni ona ayika ayípadà, ṣugbọn ohun rọrun ona lati yanju yi ń ṣe fifi sori ẹrọ ti “TypeScript fun wiwo Studio, eyi ti o jẹ ibaramu fun VS Code tun.

bayi bẹẹni, lẹhin fifi sori, ṣii ni isẹ nronu ti awọn wiwo Studio Code, titẹ:

// ọna abuja bọtini fun awọn ese ebute ti awọn wiwo Studio Code:
Konturolu+`
// Tabi lo awọn akojọ lati si awọn ebute ni wiwo Studio Code:
Wo > ese ebute

Gbiyanju lati ṣayẹwo awọn version of awọn typescript tara awọn ese ebute VS Code (Ko si ni Windows ebute), ati ki o yoo jasi wa ni ṣiṣẹ:

tsc -v

laifọwọyi akopo nigba ti fifipamọ a file .ts

Nipa awọn ebute VS koodu ti wa ni ipo ninu rẹ akosile liana (.ts), fun apẹẹrẹ:

cd C:\wamp64  www  ts

Ṣẹda awọn faili tsconfig.json nipa titẹ ni ebute VS Code:

tsc --init

Akiyesi pe a file “tsconfig.json” O yoo wa ni da ni “C:\wamp64 www ts” (lọwọlọwọ liana).

ṣii tsconfig.json ki o si jeki awọn aṣayan “sourceMap”: otitọ, o si fi awọn ayipada, si sunmọ ni daradara:

  "compilerOptions": {
    /* Akọbẹrẹ Aw */
    "target": "es5",                          /* Pato ECMAScript afojusun version: 'ES3' (aiyipada), 'ES5', 'ES2015', 'ES2016', 'ES2017', tabi 'ESNEXT'. */
    "module": "commonjs",                     /* Pato module koodu iran: 'Commonjs', 'AMD', 'Eto', 'Umd', 'Es2015', tabi 'ESNext'. */
    // "lib": [],                             /* Pato ìkàwé awọn faili to wa ninu akopo:  */
    // "allowJs": otitọ,                       /* Gba JavaScript awọn faili to wa ni compiled. */
    // "checkJs": otitọ,                       /* Iroyin ašiše ni .js awọn faili. */
    // "jsx": "preserve",                     /* Pato JSX koodu iran: 'Itoju', 'Fesi-ilu abinibi', tabi 'fesi'. */
    // "declaration": otitọ,                   /* Gbogbo ti o baamu '.d.ts' faili. */
    "sourceMap": otitọ,                     /* Gbogbo ti o baamu '.map' faili. */
    // "outFile": "./",                       /* Concatenate ki o si emit o wu to nikan faili. */
    // "outDir": "./",                        /* Àtúnjúwe o wu be si awọn liana. */
    // "rootDir": "./",                       /* Pato awọn root liana ti input awọn faili. Lo lati šakoso awọn wu liana be pẹlu --outDir. */
    ... tẹsiwaju ...

ni kete, Bayi o kan lọ ni awọn ebute VS koodu ki o si tẹ awọn pipaṣẹ:

tsc -w

Yi aṣẹ ni monitoring (tabi wiwo, nitorina “w” awọn aago) awọn ohun elo ati eyikeyi ayipada ninu awọn faili .ts, nigbati mo fi, yio si lẹsẹkẹsẹ akopo .JS.

O n niyen!

lapapọ accesses: 1127

Fi kan Fesi

Adirẹsi imeeli rẹ yoo ko le ṣe atejade. O beere aaye ti wa ni ti samisi pẹlu *