{"id":15150,"date":"2024-03-31T18:56:41","date_gmt":"2024-03-31T15:26:41","guid":{"rendered":"https:\/\/www.itpiran.net\/blog\/?p=15150"},"modified":"2024-03-31T18:56:41","modified_gmt":"2024-03-31T15:26:41","slug":"how-to-format-code-with-prettier-in-visual-studio-code","status":"publish","type":"post","link":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/","title":{"rendered":"Visual Studio Code'da Prettier ile kod nas\u0131l bi\u00e7imlendirilir"},"content":{"rendered":"

girii\u015f<\/h2>\n

Kod bi\u00e7imlendirmek her zaman zorlu bir i\u015ftir, ancak modern geli\u015ftirici ara\u00e7lar\u0131 ekibinizin kod taban\u0131nda tutarl\u0131l\u0131\u011f\u0131 otomatik olarak koruman\u0131z\u0131 sa\u011flar. Bu makalede, Prettier'\u0131 VS Code olarak da bilinen Visual Studio Code'da kodunuzu otomatik olarak bi\u00e7imlendirecek \u015fekilde ayarlayacaks\u0131n\u0131z.<\/p>\n

\u00d6rnek ama\u00e7l\u0131 olarak, bi\u00e7imlendirdi\u011finiz kodun bir \u00f6rne\u011fi a\u015fa\u011f\u0131dad\u0131r:<\/p>\n

\n
const name = \"James\";\r\nconst person ={first: name\r\n}\r\nconsole.log(person);\r\nconst sayHelloLinting = (fName) => {\r\nconsole.log(`Hello linting, ${fName}`)\r\n}\r\nsayHelloLinting('James');<\/code><\/pre>\n<\/div>\n
Kod bi\u00e7imlendirme konusunda bilginiz varsa, baz\u0131 ad\u0131mlar\u0131n yanl\u0131\u015f oldu\u011funu fark edebilirsiniz:<\/p>\n
    \n
  • Tek ve \u00e7ift t\u0131rnak i\u015faretlerinin birle\u015fimi.<\/li>\n
  • Ki\u015fi nesnesinin ilk \u00d6zelli\u011fi kendi sat\u0131r\u0131nda olmal\u0131d\u0131r.<\/li>\n
  • Fonksiyonun i\u00e7indeki Console ifadesi girintili olmal\u0131d\u0131r.<\/li>\n
  • Ok fonksiyon parametresinin etraf\u0131ndaki iste\u011fe ba\u011fl\u0131 parantezleri be\u011fenebilirsiniz veya be\u011fenmeyebilirsiniz.<\/li>\n<\/ul>\n
    \u00d6n ko\u015fullar<\/h5>\n
      \n
    • Visual Studio Code\u2019u indirin ve kurun.<\/li>\n
    • Prettier'\u0131 Visual Studio Code'da kullanmak i\u00e7in eklentiyi y\u00fcklemeniz gerekir. Bunun i\u00e7in VS Code eklentileri panelinde Prettier \u2013 Code Formatter aramas\u0131 yap\u0131n. \u0130lk kez y\u00fckl\u00fcyorsan\u0131z, burada g\u00f6sterilen Kald\u0131r d\u00fc\u011fmesi yerine bir Y\u00fckle d\u00fc\u011fmesi g\u00f6receksiniz:<\/li>\n<\/ul>\n
      \"\"
      \nAd\u0131m 1 \u2013 Belgeyi Bi\u00e7imlendir komutunu kullanma<\/h2>\n
      Prettier eklentisi y\u00fcklendikten sonra, art\u0131k kodunuzu bi\u00e7imlendirmek i\u00e7in kullanabilirsiniz. Ba\u015flamak i\u00e7in, Belgeyi Bi\u00e7imlendir komutunu kullanmay\u0131 inceleyelim. Bu komut, bi\u00e7imlendirilmi\u015f aral\u0131k, sat\u0131r kayd\u0131rma ve t\u0131rnak i\u015faretleri ile kodunuzu daha tutarl\u0131 hale getirir.<\/p>\n
      Komut paletini a\u00e7mak i\u00e7in \u015funu kullanabilirsiniz: COMMAND + SHIFT + P<\/code> macOS'ta veya CTRL + SHIFT + P<\/code> Windows'ta kullan\u0131n.<\/p>\n
      Komut paletinde Bi\u00e7im'i aray\u0131n ve ard\u0131ndan Belge Bi\u00e7imi<\/code> Se\u00e7me.<\/p>\n
      \"\"
      \nArd\u0131ndan, kullan\u0131lacak format\u0131 se\u00e7meniz istenebilir. Bunu yapmak i\u00e7in Yap\u0131land\u0131r d\u00fc\u011fmesine t\u0131klay\u0131n:<\/p>\n
      \"\"
      \nDaha sonra Prettier \u2013 Kod Bi\u00e7imlendirici\u2019yi se\u00e7in.<\/p>\n
      \"\"
      \nKodunuz art\u0131k aral\u0131k, sat\u0131r kayd\u0131rma ve sabit t\u0131rnak i\u015faretleri ile bi\u00e7imlendirildi:<\/p>\n
      \n
      const name = \"James\";\r\nconst person = { first: name };\r\nconsole.log(person);\r\nconst sayHelloLinting = (fName) => {\r\nconsole.log(`Hello linting, ${fName}`);\r\n};\r\nsayHelloLinting(\"James\");<\/code><\/pre>\n<\/div>\n
      Bu, CSS dosyalar\u0131nda da i\u015fe yarar. Tutars\u0131z girintiler, parantezler, yeni sat\u0131rlar ve noktal\u0131 virg\u00fcller i\u00e7eren bir \u015feyi d\u00fczg\u00fcn bi\u00e7imlendirilmi\u015f koda d\u00f6n\u00fc\u015ft\u00fcrebilirsiniz. \u00d6rne\u011fin:<\/p>\n
      \n
      body {color: red;\r\n}\r\nh1 {\r\ncolor: purple;\r\nfont-size: 24px\r\n}<\/code><\/pre>\n<\/div>\n
      A\u015fa\u011f\u0131daki \u015fekilde formatlanm\u0131\u015ft\u0131r:<\/p>\n
      \n
      body {\r\ncolor: red;\r\n}\r\nh1 {\r\ncolor: purple;\r\nfont-size: 24px;\r\n}<\/code><\/pre>\n<\/div>\n
      Bu komutu inceledi\u011fimize g\u00f6re, \u015fimdi onu otomatik olarak nas\u0131l \u00e7al\u0131\u015ft\u0131rabilece\u011fimize bakal\u0131m.<\/p>\n
      Ad\u0131m 2 \u2013 Kaydetmedeki kodu bi\u00e7imlendirme<\/h2>\n
      \u015eimdiye kadar, kodunuzu bi\u00e7imlendirmek i\u00e7in manuel olarak bir komut \u00e7al\u0131\u015ft\u0131rman\u0131z gerekiyordu. Bu i\u015flemi otomatikle\u015ftirmek i\u00e7in, VS Code'da dosyalar\u0131n\u0131z\u0131 kaydederken otomatik olarak bi\u00e7imlendirecek bir ayar se\u00e7ebilirsiniz. Bu ayn\u0131 zamanda, bi\u00e7imlendirilmemi\u015f kodun s\u00fcr\u00fcm denetimine kaydedilmemesini de sa\u011flar.<\/p>\n
      Bu ayar\u0131 de\u011fi\u015ftirmek i\u00e7in, KOMUT +<\/code> macOS'ta veya CTRL +<\/code> Ayarlar men\u00fcs\u00fcn\u00fc a\u00e7mak i\u00e7in Windows'ta tu\u015funa bas\u0131n. Men\u00fc a\u00e7\u0131ld\u0131\u011f\u0131nda, Edit\u00f6r: Kaydetme S\u0131ras\u0131nda Bi\u00e7imlendir<\/code> Aray\u0131n ve se\u00e7ene\u011fin i\u015faretli oldu\u011fundan emin olun:<\/p>\n
      \"\"
      \nKurulum tamamland\u0131ktan sonra kodunuzu her zamanki gibi yazabilirsiniz ve dosyay\u0131 kaydetti\u011finizde otomatik olarak bi\u00e7imlendirilecektir.<\/p>\n
      Ad\u0131m 3 \u2013 Daha g\u00fczel yap\u0131land\u0131rma ayarlar\u0131n\u0131 de\u011fi\u015ftirin<\/h2>\n
      Prettier varsay\u0131lan olarak i\u015fin \u00e7o\u011funu sizin yerinize yapar, ancak ayarlar\u0131 \u00f6zelle\u015ftirebilirsiniz de.<\/p>\n
      Ayarlar men\u00fcs\u00fcn\u00fc a\u00e7\u0131n. Ard\u0131ndan Prettier aramas\u0131 yap\u0131n. Bu, de\u011fi\u015ftirebilece\u011finiz t\u00fcm ayarlar\u0131 g\u00f6sterecektir:<\/p>\n
      \"\"
      \nEn yayg\u0131n ayarlardan baz\u0131lar\u0131 \u015funlard\u0131r:<\/p>\n
        \n
      • Tek T\u0131rnak \u2013 Tek ve \u00e7ift t\u0131rnak aras\u0131nda se\u00e7im yap\u0131n.<\/li>\n
      • Noktal\u0131 \u2013 Sat\u0131r sonlar\u0131nda noktal\u0131 virg\u00fcl olup olmayaca\u011f\u0131n\u0131 se\u00e7in.<\/li>\n
      • Sekme Geni\u015fli\u011fi \u2013 Bir sekmenin ka\u00e7 bo\u015fluk eklenece\u011fini belirtin.<\/li>\n<\/ul>\n
        VS Code'daki yerle\u015fik ayarlar men\u00fcs\u00fcn\u00fc kullanman\u0131n dezavantaj\u0131, ekibinizdeki geli\u015ftiriciler aras\u0131nda tutarl\u0131l\u0131\u011f\u0131 garanti edememesidir.<\/p>\n
        Ad\u0131m 4 \u2013 Daha g\u00fczel bir yap\u0131land\u0131rma dosyas\u0131 olu\u015fturun<\/h2>\n
        VS Code'unuzdaki ayarlar\u0131 de\u011fi\u015ftirirseniz, ba\u015fka birinin bilgisayar\u0131nda tamamen farkl\u0131 bir yap\u0131land\u0131rma olabilir. Projeniz i\u00e7in bir yap\u0131land\u0131rma dosyas\u0131 olu\u015fturarak ekibiniz genelinde tutarl\u0131 bir bi\u00e7imlendirme olu\u015fturabilirsiniz.<\/p>\n
        Yeni bir dosya ad\u0131 daha g\u00fczelrc.uzant\u0131s\u0131<\/code> A\u015fa\u011f\u0131daki uzant\u0131lardan biriyle olu\u015fturun:<\/p>\n
          \n
        • yml<\/code><\/li>\n
        • yaml<\/code><\/li>\n
        • json<\/code><\/li>\n
        • js<\/code><\/li>\n
        • toml<\/code><\/li>\n<\/ul>\n
          \u0130\u015fte JSON kullanan basit bir yap\u0131land\u0131rma dosyas\u0131 \u00f6rne\u011fi:<\/p>\n
          \n
          {\r\n\"trailingComma\": \"es5\",\r\n\"tabWidth\": 4,\r\n\"semi\": false,\r\n\"singleQuote\": true\r\n}<\/code><\/pre>\n<\/div>\n
          Yap\u0131land\u0131rma dosyalar\u0131 hakk\u0131nda daha fazla bilgi i\u00e7in daha \u015f\u0131k Docs'a g\u00f6z at\u0131n. Bunlardan birini olu\u015fturup projenizde denedi\u011finizde, ekipteki herkesin ayn\u0131 bi\u00e7imlendirme kurallar\u0131na uydu\u011fundan emin olabilirsiniz.<\/p>\n
          girii\u015f<\/h2>\n
          Tutarl\u0131 kod kullanmak iyi bir uygulamad\u0131r. \u00d6zellikle birden fazla i\u015f birlik\u00e7iyle bir proje \u00fczerinde \u00e7al\u0131\u015f\u0131rken faydal\u0131d\u0131r. Bir dizi ayar \u00fczerinde anla\u015fmak, kodun okunabilirli\u011fini ve anla\u015f\u0131lmas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r. Kod girintisi gibi \u00e7\u00f6z\u00fclm\u00fc\u015f sorunlarla u\u011fra\u015fmak yerine, zorlu teknik sorunlar\u0131 \u00e7\u00f6zmeye daha fazla zaman ayr\u0131labilir.<\/p>","protected":false},"excerpt":{"rendered":"Giri\u015f Kod bi\u00e7imlendirmek her zaman zorlu bir i\u015ftir, ancak modern geli\u015ftirici ara\u00e7lar\u0131 bunu m\u00fcmk\u00fcn k\u0131lar\u2026","protected":false},"author":1,"featured_media":15157,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code","_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":[371,366],"class_list":{"0":"post-15150","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-programming","9":"tag-vsc","10":"tag-366"},"yoast_head":"\n\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code - \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\/how-to-format-code-with-prettier-in-visual-studio-code\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0642\u062f\u0645\u0647 \u0642\u0627\u0644\u0628\u200c\u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0647 \u0637\u0648\u0631 \u0645\u062f\u0627\u0648\u0645 \u06cc\u06a9 \u0686\u0627\u0644\u0634 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u062f\u0631\u0646 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-31T15:26:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2024\/03\/31185236\/Prettier-vsc.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\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\"},\"headline\":\"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code\",\"datePublished\":\"2024-03-31T15:26:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/\"},\"wordCount\":58,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/03\\\/31185236\\\/Prettier-vsc.jpg\",\"keywords\":[\"VSC\",\"\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\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/\",\"name\":\"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/03\\\/31185236\\\/Prettier-vsc.jpg\",\"datePublished\":\"2024-03-31T15:26:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/03\\\/31185236\\\/Prettier-vsc.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/03\\\/31185236\\\/Prettier-vsc.jpg\",\"width\":1793,\"height\":1110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/how-to-format-code-with-prettier-in-visual-studio-code\\\/#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\":\"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code\"}]},{\"@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":"Visual Studio Code'da Prettier ile kod nas\u0131l bi\u00e7imlendirilir - 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\/how-to-format-code-with-prettier-in-visual-studio-code\/","og_locale":"tr_TR","og_type":"article","og_title":"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0645\u0642\u062f\u0645\u0647 \u0642\u0627\u0644\u0628\u200c\u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0647 \u0637\u0648\u0631 \u0645\u062f\u0627\u0648\u0645 \u06cc\u06a9 \u0686\u0627\u0644\u0634 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u062f\u0631\u0646 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f…","og_url":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2024-03-31T15:26:41+00:00","og_image":[{"width":1793,"height":1110,"url":"https:\/\/cdn.itpiran.net\/2024\/03\/31185236\/Prettier-vsc.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\/how-to-format-code-with-prettier-in-visual-studio-code\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/"},"author":{"name":"admin","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81"},"headline":"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code","datePublished":"2024-03-31T15:26:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/"},"wordCount":58,"commentCount":0,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/03\/31185236\/Prettier-vsc.jpg","keywords":["VSC","\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\/how-to-format-code-with-prettier-in-visual-studio-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/","url":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/","name":"Visual Studio Code'da Prettier ile kod nas\u0131l bi\u00e7imlendirilir - ITPiran Blog","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/03\/31185236\/Prettier-vsc.jpg","datePublished":"2024-03-31T15:26:41+00:00","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2024\/03\/31185236\/Prettier-vsc.jpg","contentUrl":"https:\/\/cdn.itpiran.net\/2024\/03\/31185236\/Prettier-vsc.jpg","width":1793,"height":1110},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/how-to-format-code-with-prettier-in-visual-studio-code\/#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":"\u0646\u062d\u0648\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u06a9\u062f \u0628\u0627 Prettier \u062f\u0631 Visual Studio Code"}]},{"@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\/15150","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=15150"}],"version-history":[{"count":1,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/15150\/revisions"}],"predecessor-version":[{"id":15158,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/15150\/revisions\/15158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media\/15157"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media?parent=15150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/categories?post=15150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/tags?post=15150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}