{"id":15190,"date":"2024-04-01T17:08:49","date_gmt":"2024-04-01T13:38:49","guid":{"rendered":"https:\/\/www.itpiran.net\/blog\/?p=15190"},"modified":"2024-04-01T17:08:49","modified_gmt":"2024-04-01T13:38:49","slug":"typescript-new-projectstep-1-starting-the-typescript-project","status":"publish","type":"post","link":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","title":{"rendered":"Yeni bir TypeScript projesi nas\u0131l ba\u015flat\u0131l\u0131r"},"content":{"rendered":"<h2 id=\"%d9%85%d9%82%d8%af%d9%85%d9%87\">girii\u015f<\/h2>\n<p>Ba\u015flang\u0131\u00e7 projesi veya Angular CLI gibi bir ara\u00e7 kullan\u0131rken TypeScript ile \u00e7al\u0131\u015fm\u0131\u015f olabilirsiniz. Bu e\u011fitimde, ba\u015flang\u0131\u00e7 projesi olmadan bir TypeScript projesini nas\u0131l kuraca\u011f\u0131n\u0131z\u0131 \u00f6\u011freneceksiniz. Ayr\u0131ca, TypeScript&#039;te derlemenin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve TypeScript projenizde bir linter&#039;\u0131 nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131 da \u00f6\u011freneceksiniz.<\/p>\n<h5 id=\"%d9%be%db%8c%d8%b4-%d9%86%db%8c%d8%a7%d8%b2%d9%87%d8%a7\">\u00d6n ko\u015fullar<\/h5>\n<ul>\n<li>Cihaz\u0131n\u0131za y\u00fckl\u00fc olan en son Node s\u00fcr\u00fcm\u00fc.<\/li>\n<li>Tan\u0131\u015fmak\u00a0 <code>npm<\/code><\/li>\n<\/ul>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-1-%d8%b4%d8%b1%d9%88%d8%b9-%d9%be%d8%b1%d9%88%da%98%d9%87-typescript\">Ad\u0131m 1 \u2013 Bir TypeScript projesi ba\u015flat\u0131n<\/h2>\n<p>TypeScript projenizi ba\u015flatmak i\u00e7in projeniz i\u00e7in bir dizin olu\u015fturman\u0131z gerekir:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\">mkdir typescript-project<\/pre>\n<\/div>\n<p>\u015eimdi proje dizininize ge\u00e7in:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>cd typescript-project<\/code><\/pre>\n<\/div>\n<p>TypeScript&#039;i proje dizininizi ayarlayarak y\u00fckleyebilirsiniz:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npm i typescript --save-dev<\/code><\/pre>\n<\/div>\n<p>Bayra\u011f\u0131n \u00f6nemli olmas\u0131 <code>--save-dev<\/code> TypeScript&#039;i, TypeScript&#039;i bir geli\u015ftirme ba\u011f\u0131ml\u0131l\u0131\u011f\u0131 olarak depolad\u0131\u011f\u0131 i\u00e7in ekleyin. Bu, TypeScript&#039;in projenizin geli\u015ftirilmesi i\u00e7in gerekli oldu\u011fu anlam\u0131na gelir.<\/p>\n<p>TypeScript kurulu oldu\u011funda, TypeScript projenizi a\u015fa\u011f\u0131daki komutu kullanarak ba\u015flatabilirsiniz:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx tsc --init<\/code><\/pre>\n<\/div>\n<p><code>npm<\/code> Ayr\u0131ca ad\u0131 verilen bir arac\u0131 da var <code>npx<\/code> \u00e7al\u0131\u015ft\u0131r\u0131labilir paketleri \u00e7al\u0131\u015ft\u0131ran. <code>npx<\/code> Global kuruluma ihtiya\u00e7 duymadan paketleri \u00e7al\u0131\u015ft\u0131rmam\u0131z\u0131 sa\u011flar.<\/p>\n<p>Emir <code>tsc<\/code> Burada kullan\u0131lmas\u0131n\u0131n nedeni, TypeScript i\u00e7in yerle\u015fik derleyici olmas\u0131d\u0131r. TypeScript&#039;te kod yazd\u0131\u011f\u0131n\u0131zda, y\u00fcr\u00fctme <code>tsc<\/code> Kodunuzu JavaScript&#039;e d\u00f6n\u00fc\u015ft\u00fcr\u00fcr veya derler.<\/p>\n<p>Bayra\u011f\u0131n kullan\u0131m\u0131 <code>--init<\/code> Yukar\u0131daki komutta, TypeScript proje dizininizde bir tsconfig.json dosyas\u0131 olu\u015fturularak projeniz ba\u015flat\u0131l\u0131r. Bu tsconfig.json dosyas\u0131, daha fazla yap\u0131land\u0131rma yapman\u0131za ve TypeScript ile derleyicinin nas\u0131l etkile\u015fime girece\u011fini belirlemenize olanak tan\u0131r. <code>tsc<\/code> \u00d6zelle\u015ftir. \u0130htiya\u00e7lar\u0131n\u0131z\u0131 en iyi \u015fekilde kar\u015f\u0131lamak i\u00e7in bu dosyadaki yap\u0131land\u0131rmalar\u0131 kald\u0131rabilir, ekleyebilir ve de\u011fi\u015ftirebilirsiniz.<\/p>\n<p><code>tsconfig.json<\/code> Varsay\u0131lan yap\u0131land\u0131rmay\u0131 bulmak i\u00e7in d\u00fczenleyicinizde a\u00e7\u0131n:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>nano tsconfig.json<\/code><\/pre>\n<\/div>\n<p>Bir\u00e7ok se\u00e7enek olacak, bunlar\u0131n \u00e7o\u011funu a\u015fa\u011f\u0131da a\u00e7\u0131klad\u0131k:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-ts\" data-lang=\"TypeScript\"><code>{\r\n\"compilerOptions\": {\r\n\/* Visit https:\/\/aka.ms\/tsconfig.json to read more about this file *\/\r\n\/* Projects *\/\r\n\/\/ \"incremental\": true, \/* Enable incremental compilation *\/\r\n\/\/ \"composite\": true, \/* Enable constraints that allow a TypeScript project to be used with project references. *\/\r\n\/\/ \"tsBuildInfoFile\": \".\/\", \/* Specify the folder for .tsbuildinfo incremental compilation files. *\/\r\n\/\/ \"disableSourceOfProjectReferenceRedirect\": true, \/* Disable preferring source files instead of declaration files when referencing composite projects *\/\r\n\/\/ \"disableSolutionSearching\": true, \/* Opt a project out of multi-project reference checking when editing. *\/\r\n\/\/ \"disableReferencedProjectLoad\": true, \/* Reduce the number of projects loaded automatically by TypeScript. *\/\r\n. . .\r\n}\r\n}<\/code><\/pre>\n<\/div>\n<p>TypeScript yap\u0131land\u0131rman\u0131z\u0131 tsconfig.json dosyas\u0131 arac\u0131l\u0131\u011f\u0131yla \u00f6zelle\u015ftirebilirsiniz. \u00d6rne\u011fin, outDir girdisinin yorum sat\u0131r\u0131ndan \u00e7\u0131kar\u0131p &quot;.\/build&quot; olarak ayarlayabilirsiniz; bu, derlenmi\u015f t\u00fcm TypeScript dosyalar\u0131n\u0131z\u0131 bu dizine yerle\u015ftirir.<\/p>\n<p>TypeScript&#039;i y\u00fckleyerek ve dosyay\u0131 kurarak <code>tsconfig.json<\/code>Art\u0131k TypeScript uygulamas\u0131n\u0131 kodlamaya ve derlemeye ge\u00e7ebilirsiniz.<\/p>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-2-%da%a9%d8%a7%d9%85%d9%be%d8%a7%db%8c%d9%84-%d9%be%d8%b1%d9%88%da%98%d9%87-typescript\">Ad\u0131m 2 \u2013 TypeScript projesini derleyin<\/h2>\n<p>Art\u0131k TypeScript projenizi kodlamaya ba\u015flayabilirsiniz. Yeni bir dosya olu\u015fturun: <code>dizin.ts<\/code> Edit\u00f6r\u00fcn\u00fczde a\u00e7\u0131n. A\u015fa\u011f\u0131daki TypeScript kodunu yap\u0131\u015ft\u0131r\u0131n <code>dizin.ts<\/code> Yazmak:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-ts\" data-lang=\"TypeScript\"><code>const world = 'world';\r\nexport function hello(who: string = world): string {\r\nreturn `Hello ${who}! `;\r\n}<\/code><\/pre>\n<\/div>\n<p>Bu TypeScript kodu haz\u0131r oldu\u011funda, projeniz derlenmeye haz\u0131r. Proje dizininizden tsc komutunu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx tsc<\/code><\/pre>\n<\/div>\n<p>Derlenmi\u015f JavaScript dosyas\u0131 index.js ve sourcemap dosyas\u0131 index.js.map&#039;in, tsconfig.js dosyas\u0131nda belirtti\u011finiz takdirde build klas\u00f6r\u00fcne eklendi\u011fini fark edeceksiniz.<\/p>\n<p><code>dizin.js<\/code> A\u00e7\u0131n ve a\u015fa\u011f\u0131daki derlenmi\u015f JavaScript kodunu g\u00f6receksiniz:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-ts\" data-lang=\"TypeScript\"><code>\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nexports.hello = void 0;\r\nconst world = 'world';\r\nfunction hello(who = world) {\r\nreturn `Hello ${who}! `;\r\n}\r\nexports.hello = hello;<\/code><\/pre>\n<\/div>\n<p>Her de\u011fi\u015fiklik yapt\u0131\u011f\u0131n\u0131zda TypeScript derleyicisini \u00e7al\u0131\u015ft\u0131rmak s\u0131k\u0131c\u0131 olabilir. Bunu d\u00fczeltmek i\u00e7in derleyiciyi izleme moduna alabilirsiniz; bu sayede her de\u011fi\u015fiklik yap\u0131ld\u0131\u011f\u0131nda kodunuzu yeniden derleyebilirsiniz.<\/p>\n<p>A\u015fa\u011f\u0131daki komutu kullanarak izleme modunu etkinle\u015ftirebilirsiniz:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx tsc -w<\/code><\/pre>\n<\/div>\n<p>TypeScript derleyicisinin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 \u00f6\u011frendiniz ve art\u0131k TypeScript dosyalar\u0131n\u0131z\u0131 ba\u015far\u0131yla derleyebilirsiniz. \u0130\u015f ak\u0131\u015f\u0131n\u0131za bir linter ekleyerek TypeScript projelerinizi bir \u00fcst seviyeye ta\u015f\u0131yabilirsiniz.<\/p>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-3-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-google-typescript-style-%d8%a8%d8%b1%d8%a7%db%8c-%d9%be%d8%b1-%da%a9%d8%b1%d8%af%d9%86-%d9%88-%d8%aa\">Ad\u0131m 3 \u2013 Kodunuzu doldurmak ve d\u00fczeltmek i\u00e7in Google TypeScript Stilini kullan\u0131n<\/h2>\n<p>Kodlama yaparken bir linter kullanmak, kodunuzdaki tutars\u0131zl\u0131klar\u0131, s\u00f6zdizimi hatalar\u0131n\u0131 ve eksiklikleri h\u0131zla bulman\u0131za yard\u0131mc\u0131 olur. Ayr\u0131ca, bir stil k\u0131lavuzu yaln\u0131zca kodunuzun d\u00fczg\u00fcn ve tutarl\u0131 olmas\u0131n\u0131 sa\u011flaman\u0131za yard\u0131mc\u0131 olmakla kalmaz, ayn\u0131 zamanda bu stili uygulamak i\u00e7in ek ara\u00e7lar kullanman\u0131za da olanak tan\u0131r. Bunun i\u00e7in pop\u00fcler bir ara\u00e7 olan eslint, geli\u015ftirme s\u00fcrecine yard\u0131mc\u0131 olmak i\u00e7in bir\u00e7ok IDE ile uyumlu \u00e7al\u0131\u015f\u0131r.<\/p>\n<p>Projenizi kurup \u00e7al\u0131\u015ft\u0131rd\u0131ktan sonra, tsconfig.json dosyan\u0131z\u0131 manuel olarak ayarlamak zorunda kalmaman\u0131za yard\u0131mc\u0131 olmas\u0131 i\u00e7in TypeScript ekosistemindeki di\u011fer ara\u00e7lar\u0131 kullanabilirsiniz. Google TypeScript Stili de bu ara\u00e7lardan biridir. GTS olarak da bilinen Google TypeScript Stili, bir stil k\u0131lavuzu, sat\u0131r i\u00e7i stil sayfas\u0131 ve otomatik kod d\u00fczelticiyi bir arada sunar. GTS&#039;yi kullanmak, yeni bir TypeScript projesini h\u0131zl\u0131 bir \u015fekilde ba\u015flatman\u0131za ve projenizin tasar\u0131m\u0131na odaklanmak i\u00e7in k\u00fc\u00e7\u00fck, d\u00fczenleme ayr\u0131nt\u0131lar\u0131yla u\u011fra\u015fman\u0131za gerek kalmamas\u0131na yard\u0131mc\u0131 olur. GTS ayr\u0131ca varsay\u0131lan ayarlar da sunar. Bu, bir\u00e7ok ayar\u0131 \u00f6zelle\u015ftirmenize gerek kalmayaca\u011f\u0131 anlam\u0131na gelir.<\/p>\n<p>GTS&#039;yi kurarak ba\u015flay\u0131n:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npm i gts --save-dev<\/code><\/pre>\n<\/div>\n<p>Buradan, a\u015fa\u011f\u0131daki komutu kullanarak GTS&#039;yi ba\u015flat\u0131n:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx gts init<\/code><\/pre>\n<\/div>\n<p>Yukar\u0131daki komut, tsconfig.json dosyas\u0131 ve linting kurulumu da dahil olmak \u00fczere TypeScript&#039;inizi kullanmaya ba\u015flaman\u0131z i\u00e7in ihtiyac\u0131n\u0131z olan her \u015feyi olu\u015fturacakt\u0131r. Hen\u00fcz yoksa, bir package.json dosyas\u0131 da olu\u015fturulacakt\u0131r.<\/p>\n<p>npx gts init komutunu \u00e7al\u0131\u015ft\u0131rmak, package.json dosyan\u0131za faydal\u0131 npm betikleri de ekler. \u00d6rne\u011fin, art\u0131k TypeScript projenizi derlemek i\u00e7in npm run compile komutunu \u00e7al\u0131\u015ft\u0131rabilirsiniz. Perde hatalar\u0131n\u0131 kontrol etmek i\u00e7in art\u0131k npm run check komutunu \u00e7al\u0131\u015ft\u0131rabilirsiniz.<\/p>\n<p>GTS art\u0131k kuruldu ve TypeScript projenize d\u00fczg\u00fcn bir \u015fekilde entegre edildi. Gelecekteki projelerinizde GTS&#039;yi kullanmak, gerekli ayarlarla yeni TypeScript projelerini h\u0131zla olu\u015fturman\u0131za olanak tan\u0131r.<\/p>\n<p>GTS, yap\u0131land\u0131rma gerektirmeyen, g\u00f6r\u00fc\u015fe dayal\u0131 bir yakla\u015f\u0131m sundu\u011fundan, kendi mant\u0131kl\u0131 kurallar\u0131n\u0131 kullan\u0131r. Bunlar en iyi uygulamalar\u0131 takip eder, ancak kurallar\u0131 herhangi bir \u015fekilde de\u011fi\u015ftirmeniz gerekirse, varsay\u0131lan Eslint kurallar\u0131n\u0131 geni\u015fleterek bunu yapabilirsiniz. Bunu yapmak i\u00e7in, proje dizininizde stil kurallar\u0131n\u0131 geni\u015fleten .eslintrc adl\u0131 bir dosya olu\u015fturun:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-plain\" data-lang=\"Plain Text\"><code>---\r\nextends:\r\n- '.\/node_modules\/gts'<\/code><\/pre>\n<\/div>\n<p>Bu, GTS taraf\u0131ndan sa\u011flanan stil kurallar\u0131n\u0131 eklemenize veya de\u011fi\u015ftirmenize olanak tan\u0131r.<\/p>\n<h2 id=\"%d9%86%d8%aa%db%8c%d8%ac%d9%87\">Sonu\u00e7<\/h2>\n<p>Bu e\u011fitimde, \u00f6zel ayarlarla bir TypeScript projesi ba\u015flatt\u0131n\u0131z. Ayr\u0131ca, TypeScript projenize Google TypeScript Stili&#039;ni entegre ettiniz. GTS, yeni bir TypeScript projesini h\u0131zla \u00e7al\u0131\u015f\u0131r hale getirmenize yard\u0131mc\u0131 olur. GTS ile yap\u0131land\u0131rmay\u0131 manuel olarak ayarlaman\u0131za veya i\u015f ak\u0131\u015f\u0131n\u0131za bir linter entegre etmenize gerek kalmaz.<\/p>","protected":false},"excerpt":{"rendered":"Giri\u015f Ba\u015flang\u0131\u00e7 projenizi veya Angular CLI gibi bir arac\u0131 kullan\u0131rken TypeScript ile \u00e7al\u0131\u015fm\u0131\u015f olabilirsiniz.","protected":false},"author":1,"featured_media":15191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_twitter-image":"","_yoast_wpseo_focuskeywords":"","_yoast_wpseo_primary_category":"193","footnotes":""},"categories":[193,363],"tags":[416,366],"class_list":{"0":"post-15190","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-programming","9":"tag-typescript","10":"tag-366"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0642\u062f\u0645\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0642\u0628\u0644\u0627\u064b \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u0648\u0639 \u06cc\u0627 \u0627\u0628\u0632\u0627\u0631\u06cc \u0645\u0627\u0646\u0646\u062f Angular CLI \u0628\u0627 TypeScript \u06a9\u0627\u0631&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-01T13:38:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1793\" \/>\n\t<meta property=\"og:image:height\" content=\"1110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\"},\"headline\":\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645\",\"datePublished\":\"2024-04-01T13:38:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\"},\"wordCount\":108,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"keywords\":[\"typeScript\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\"],\"articleSection\":[\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\",\"name\":\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"datePublished\":\"2024-04-01T13:38:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"width\":1793,\"height\":1110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/category\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"name\":\"\u0628\u0644\u0627\u06af ITPiran\",\"description\":\"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\",\"name\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"alternateName\":\"ITPIran Blog\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"width\":512,\"height\":512,\"caption\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\",\"name\":\"admin\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tr\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Yeni Bir TypeScript Projesi Nas\u0131l Ba\u015flat\u0131l\u0131r - ITPiran Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","og_locale":"tr_TR","og_type":"article","og_title":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0645\u0642\u062f\u0645\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0642\u0628\u0644\u0627\u064b \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u0648\u0639 \u06cc\u0627 \u0627\u0628\u0632\u0627\u0631\u06cc \u0645\u0627\u0646\u0646\u062f Angular CLI \u0628\u0627 TypeScript \u06a9\u0627\u0631&hellip;","og_url":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2024-04-01T13:38:49+00:00","og_image":[{"width":1793,"height":1110,"url":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"admin","Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/"},"author":{"name":"admin","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81"},"headline":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645","datePublished":"2024-04-01T13:38:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/"},"wordCount":108,"commentCount":0,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","keywords":["typeScript","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc"],"articleSection":["\u0622\u0645\u0648\u0632\u0634\u06cc","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","url":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","name":"Yeni Bir TypeScript Projesi Nas\u0131l Ba\u015flat\u0131l\u0131r - ITPiran Blog","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","datePublished":"2024-04-01T13:38:49+00:00","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","contentUrl":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","width":1793,"height":1110},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itpiran.net\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0622\u0645\u0648\u0632\u0634\u06cc","item":"https:\/\/www.itpiran.net\/blog\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645"}]},{"@type":"WebSite","@id":"https:\/\/www.itpiran.net\/blog\/#website","url":"https:\/\/www.itpiran.net\/blog\/","name":"ITPiran Blog","description":"\u0130ran S\u00fcrd\u00fcr\u00fclebilir Ticaret Haberleri ve Makaleleri","publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itpiran.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"S\u00fcrd\u00fcr\u00fclebilir \u0130ran \u0130\u015fletmeleri Blogu","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","contentUrl":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","width":512,"height":512,"caption":"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81","name":"y\u00f6netici","url":"https:\/\/www.itpiran.net\/blog\/tr\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/15190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/comments?post=15190"}],"version-history":[{"count":1,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/15190\/revisions"}],"predecessor-version":[{"id":15192,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/15190\/revisions\/15192"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media\/15191"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media?parent=15190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/categories?post=15190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/tags?post=15190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}