⚡

TSConfig Uretici

Herhangi bir TypeScript projesi icin tsconfig.json uretin. Node 18/20/22, Next.js, React, kutuphaneler icin on ayarlar — her derleyici secenegi aciklanmis.

Comma-separated glob patterns

Comma-separated glob patterns

Bu arac hakkinda

tsconfig.json dosyasi TypeScript derleyicisinin kodunuzu nasil isledigini kontrol eder — hangi JavaScript surumunu hedefleyeceginiz, hangi modul sistemini kullanacaginiz, tur denetiminin ne kadar katı olacagi ve kaynak dosyalarinizi nerede bulacaginiz. tsconfig'i dogru ayarlamak onemlidir. Yanlis yapilandirilmis hedef, ihtiyaciniz olmayan polyfill'leri gondermeniz veya calisma zamaninizin desteklemedigi sozdizimi kullanmaniz anlamina gelir. Yanlis modul ayarlari import'lari bozar. Eksik strict bayraklari hatalarin gekmesine izin verir. Bu uretici size en yaygin kurulumlar icin savastan gecmis on ayarlar verir — Node.js (18, 20, 22), Next.js, Vite ile React ve npm kutuphaneleri — sonra her secenegi ince ayar yapmaniza izin verir. Olusturulan yapilandirma projenize yapistirmaya hazirdir.

Nasil kullanilir

1. Projenize uyan bir on ayar secin (Node 20, Next.js, React, vb.) 2. Gerekirse bireysel derleyici seceneklerini ayarlayin — hedef, modul, katilik, yollar 3. Ayarlari degistirdikce tsconfig.json gercek zamanli guncellenir 4. Yapilandirmayi panoya kopyalamak icin "Kopyala"ya veya dosyayi kaydetmek icin "Indir"e tiklayin 5. Proje kokunuze tsconfig.json olarak yapistirin

Sikca sorulan sorular

Node 18 icin hangi tsconfig kullanmaliyim?
Node 18 icin target: ES2023, module: NodeNext ve moduleResolution: NodeNext kullanin. Bu Node 18'in yerel JavaScript destegi ve ESM modul sistemine uyar. Bu uretecideki Node 18 on ayari tum bu secenekleri otomatik ayarlar.
module NodeNext ile ESNext arasindaki fark nedir?
NodeNext Node.js modul cozumleme kurallarini takip eder — package.json 'exports'a saygi gosterir ve import'larda dosya uzantilarini gerektirir. ESNext bir paketleyicinin (Vite veya webpack gibi) modul cozumlemesini halledecegini varsayar. Node.js uygulamalari icin NodeNext, paketlenmis frontend uygulamalari icin ESNext kullanin.
moduleResolution Bundler ne yapar?
moduleResolution: Bundler TypeScript'e import'lari modern paketleyicilerin (Vite, webpack, esbuild) yaptigi gibi cozumlemesini soyler — dosya uzantisi gerekli degil, package.json 'exports' desteklenir. Paketleyici ile insa edilen frontend projeleri icin kullanin. Paketleyici olmadan calisan Node.js uygulamalari icin kullanmayin.
Strict modunu etkinlestirmeli miyim?
Evet, yeni projeler icin. Strict modu strictNullChecks, noImplicitAny, strictFunctionTypes ve gercek hatalari yakalayan diger kontrolleri etkinlestirir. Eski kod tabanlarinda strict'i devre disi birakmak anlasilabilir, ancak yeni projeler her zaman strict: true ile baslamalidir.
target ile lib arasindaki fark nedir?
target derleyicinin cikardigi JavaScript sozdizimini kontrol eder (ok fonksiyonlari, async/await, vb.). lib hangi tur tanimlarinin mevcut oldugunu kontrol eder (Promise, Map, DOM API'leri, vb.). Node.js icin genellikle DOM olmadan lib: ['ES2023'] istersiniz. Tarayicilar icin 'DOM' ve 'DOM.Iterable' eklersiniz.
skipLibCheck: true gerekli mi?
skipLibCheck: true .d.ts bildirim dosyalarinin tur denetimini atlar, bu da derlemeyi onemli olcude hizlandirir. Cogu proje icin onerilidir cunku node_modules'daki bildirim dosyalari cozmeniz gerekmeyen celisen turlere sahip olabilir.
verbatimModuleSyntax ne yapar?
verbatimModuleSyntax sadece tur import'lari icin 'import type' kullanmanizi zorunlu kilar ve import/export sozdizimini yazildigi gibi tam olarak korur. Eski importsNotUsedAsValues ve preserveValueImports seceneklerinin yerini alir. TypeScript 5+'da tur import'larini ele almanin modern yoludur.

Ilgili araclar

.gitignore Uretici

Diller, cerceveler, IDE'ler ve isletim sistemleri icin sablonlari birlestirerek .gitignore dosyalari uretin

Robots.txt Uretici

Gorsel editorle robots.txt dosyalari uretin. Botlari engelleyin, tarama kurallari ayarlayin, site haritalari ekleyin — yaygin kurulumlar icin sablonlarla.

Htaccess Yonlendirme Uretici

.htaccess yonlendirme kurallari uretin — 301, 302, HTTPS, www ve kanonik yonlendirmeler