Otomatik derleme üzerinde Visual Studio kod içinde patlama Kaydet

Bu yazı iki sorunlarını çözecek: 1) komut “TSK” VS entegre terminal kodu tanınmıyor, ve 2) derleme otomatik olarak dosya kaydederken çalışmıyor “.TS” (Türü komut dosyası).

Giriş

Sadece contextualize, , Patlama türü kesin belirlenmiş bir yapı kullanarak kod yazmak ve saf JavaScript için bu derlenmiş kodu var sağlar. Zaten Visual Studio kod birden çok platformlu bir Düzenleyicisi Microsoft tarafından oluşturulur.

// Bu yazı kullanılan sürümleri:
- Visual Studio (VS) Kodu: Sürüm 1.14.1
- Patlama: Sürüm 2.4.1

Bu kolay bir yolgösterendir, Ama eğer ne yaptığını bilmiyorsan sorunlarla karşılaşabilirsiniz: Benim durumumda :(D)

Node.js ve patlama yükleme

Node.js Paket Yöneticisi aracılığıyla patlama yüklemek için yollarından biri (NPM – Düğüm Paket Yöneticisi), Ama kullanmak için, önce gerekir yüklemek Node.js.

Düğüm yükledikten sonra, Terminal açın (komut) ve aşağıdaki komutu çalıştırın Patlama yüklemek:

NPM yükle -g patlama

Windows terminal (ya da Linux), yapmak a sınav koşmak-in patlama yüklü sürümü kontrol ederek. Komutu “TSK” Patlama derleyici için kullanılan bir kısaltmadır.

TSK -v

Sorun

Sorun bu komuttur “TSK” normalde Windows terminal içinde görev, Ama değil entegre terminalde içinde Visual Studio kod gelir (VS kodu), Aşağıdaki hatayı gösteren:

'TSK' tanınmıyor olarak bir iç ya da dış komut,çalıştırılabilir program veya toplu iş dosyası dosya.

Ayrıca, Komutu çalıştırmak istemedim “TSK” her zaman için bir dosya derlemek istedim “.TS” (Patlama uzantısı). Yani, Kaydetmek için otomatik kurmak nasıl (CTRL + S)? Biz daha fazla göreceksiniz.

Diğer hatalar

Bu sorunları gidermek Aradığınız, Mesaj kullanmak söyleyerek bulundu compileOnSave, Ama bu sadece Visual Studio tarafından desteklenmektedir 2015 Patlama ile > = 1.8.4 ve atom patlama eklenti. IE, Kullanarak bir anlamı yok compileOnSave içinde “json tsconfig.” Visual Studio kod, Aşağıdaki kod çalışmaz:

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

Çözüm

TSC vs Terminal kodu entegre

İlk olarak, biz sorunu çözmek TSK Visual Studio entegre terminal kodu tanınmıyor (VS kodu).

Bazı Mesaj önermek tsc veya npm yolunu PATH ortam değişkeninde koymak, Ama bunu çözmek için kolay bir yol yapıyordum Kurulumu “Visual Studio için patlama, VS koduna uyumludur.

Şimdi Evet, -Den sonra tesisat, Açık terminal kodu Visual Studio entegre, yazarak:

// Visual Studio için kısayol tuşu terminal kodu entegre:
CTRL+`
// Veya terminal içinde Visual Studio kod açmak için menüyü kullanın:
Görünüm > Entegre Terminal

Kontrol etmeyi deneyin Patlama sürüm entegre terminal kodu doğrudan (Değil Windows terminal üzerinde), ve büyük olasılıkla-ecek var olmak çalışma:

TSK -v

Bir dosyayı kaydederken Otomatik derleme .TS

Terminal kodun komut dosyası dizininizde VS temsil (.TS), Örneğin:

CD C:\wamp64wwwts

Dosya oluşturma json tsconfig. terminal vs kod yazarak:

TSK --init

Not bir dosya “json tsconfig.” şekilde oluşturulur “(C):\wamp64wwwts” (Geçerli dizini).

Açık json tsconfig. ve olanaklı kılmak belgili tanımlık seçme hakkı “Kaynak eşleme”: TRUE, ve değişiklik kaydedin, Böylece:

  "compilerOptions": {
    /* Temel seçenekler */
    "target": "es5",                          /* ECMAScript hedef sürüm belirtin: 'Buffalo' (Varsayılan), 'ES5', 'ES2015', 'ES2016', 'ES2017', ya da 'ESNEXT'. */
    "module": "commonjs",                     /* Modül kodu oluşturma belirtin: 'commonjs', 'amd', 'sistem', 'umd', 'es2015', ya da 'ESNext'. */
    // "lib": [],                             /* Derlemede dahil edilecek kitaplık dosyaları belirtin:  */
    // "allowJs": TRUE,                       /* Javascript dosyalarının derlenmesine izin ver. */
    // "checkJs": TRUE,                       /* .Js dosyaları rapor hataları. */
    // "jsx": "preserve",                     /* JSX kod üretimi belirtin: 'korumak', 'tepki-yerel', ya da 'tepki'. */
    // "declaration": TRUE,                   /* Karşılık gelen oluşturur '. d.ts dosya. */
    "sourceMap": TRUE,                     /* Karşılık gelen '.map' dosyası oluşturur. */
    // "outFile": "./",                       /* Bir arada ve tek dosya çıktısına yayarlar. */
    // "outDir": "./",                        /* Çıkış yapısı dizine yeniden yönlendirme. */
    // "rootDir": "./",                       /* Giriş dosyaları kök dizini belirtin. --OutDir çıktı dizin yapısıyla denetlemek için kullanın. */
    ... devam ediyor ...

Hazır, Agora é só IR hiçbir terminal VS kod e digitar o comando yapmak:

TSK -w

Este comando FICA monitorando (OU vendo, Por Isso “w” de izle) aplicação e qualquer alteração yok arquivos .TS, Quando salvo, hemen derleme üzerinde olacak .JS.

İşte böyle!

Toplam sayısı: 1117

Cevap bırak

E-posta adresinizi yayınlanan olmayacaktır. Gerekli alanları ile işaretlenir *