{"id":14583,"date":"2024-01-11T02:17:02","date_gmt":"2024-01-10T22:47:02","guid":{"rendered":"https:\/\/www.itpiran.net\/blog\/?p=14583"},"modified":"2024-01-11T02:17:02","modified_gmt":"2024-01-10T22:47:02","slug":"%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code","status":"publish","type":"post","link":"https:\/\/www.itpiran.net\/blog\/en\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/","title":{"rendered":"The best Visual Studio Code extensions"},"content":{"rendered":"<h2 id=\"%d9%85%d9%82%d8%af%d9%85%d9%87\">Introduction<\/h2>\n<p>In general, extensions are useful tools for developers who want to extend the capabilities of a programming language or application beyond what is provided out of the box. They can help you add new features, customize the behavior of the language or application, and streamline your development workflow.<\/p>\n<h2 id=\"settings-sync\">Settings Sync<\/h2>\n<p><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2019\/02\/Settings-Sync.gif\"  class=\"aligncenter pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2019\/02\/Settings-Sync.gif\" ><\/p>\n<p>Before you start installing plugins left and right, it&#039;s good to know about Settings Sync. This allows you to sync almost everything you customize in VSCode, from settings to keyboard shortcuts to other VSCode extensions, with GitHub. That way, instead of having to program from the vanilla VSCode environment on new devices or having to manually set everything up again, you&#039;ll have access to your IDE of choice from any device you want.<\/p>\n<h2 id=\"live-server\">Live Server<\/h2>\n<p><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Live-Server-VSCode-Extension.gif\"  class=\"aligncenter pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Live-Server-VSCode-Extension.gif\" ><\/p>\n<p>This VSCode plugin is a favorite of many software developers. Live Server sets up a local development server with live reloading for both static and dynamic pages. Every time you save your code, you will see the changes reflected in the browser immediately. You will be much faster at spotting errors and it is much easier to perform quick experiments with your code.<\/p>\n<h2 id=\"remote-ssh\">Remote \u2013 SSH<\/h2>\n<p><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Remote---SSH-VSCode-Extension.gif\"  class=\"aligncenter pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Remote---SSH-VSCode-Extension.gif\" ><\/p>\n<p>The Remote \u2013 SSH extension allows you to use any remote machine with an SSH server as your development environment. This makes development and\/or troubleshooting in various scenarios much easier. You also don\u2019t need any source code on your local machine, as the extension runs commands and other extensions directly on the remote machine.<\/p>\n<h2 id=\"prettier\">Prettier<\/h2>\n<p><img  loading=\"lazy\"  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  width=\"2000\"  height=\"1166\"  class=\"aligncenter wp-image-14591 size-full pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"auto, (max-width: 2000px) 100vw, 2000px\"  data-pk-src=\"https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension.webp\"  data-pk-srcset=\"https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension.webp 2000w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-300x175.webp 300w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-1024x597.webp 1024w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-768x448.webp 768w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-1536x895.webp 1536w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-110x64.webp 110w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-200x117.webp 200w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-380x222.webp 380w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-255x149.webp 255w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-550x321.webp 550w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-800x466.webp 800w, https:\/\/cdn.itpiran.net\/2024\/01\/10183153\/Prettier-VSCode-Extension-1160x676.webp 1160w\" ><br \/>\nPrettier is a code formatter that works especially well if multiple people are working on a project, as the extension applies a consistent style. You can set it to format your code every time you save it, significantly reducing the time it takes to format your code.<\/p>\n<h2 id=\"github-copilot\">GitHub Copilot<\/h2>\n<p><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2023\/02\/Github-Copilot.gif\"  class=\"aligncenter pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2023\/02\/Github-Copilot.gif\" >Some call GitHub Copilot a revolution in computer programming, while others call it a useful tool. Whatever you think about it, autocomplete AI is worth integrating into your workflow. Trained on GPT-3, GitHub Copilot provides code suggestions, autocompletes code, and can even help you write code when you provide natural language comments.<\/p>\n<h2 id=\"auto-rename-tag\">Auto Rename Tag<\/h2>\n<p><img  loading=\"lazy\"  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Auto-Rename-Tag-VSCode-Extension.gif\"  class=\"aligncenter pk-lazyload\"  width=\"600\"  height=\"390\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Auto-Rename-Tag-VSCode-Extension.gif\" >While VSCode inherently highlights matching tags and immediately adds closing tags whenever you type an opening tag, Auto Tag Rename automatically renames tags as you change them. This extension works for HTML, XML, PHP, and JavaScript, eliminating the need to rename tags twice.<\/p>\n<h2 id=\"gitlens\">GitLens<\/h2>\n<p><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/GitLens-VSCode-Extension.gif\"  class=\"aligncenter pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/GitLens-VSCode-Extension.gif\" >GitLens extends the Git capabilities of Visual Studio Code. It&#039;s a powerful plugin that lets you see who, why, and how lines of code have changed over time (among many other features). GitLens is a highly customizable plugin. If you don&#039;t like a particular setting, you can easily turn it off in the settings.<\/p>\n<h2 id=\"git-history\">Git History<\/h2>\n<p><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Git-History-VSCode-Extension.gif\"  class=\"aligncenter pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2020\/03\/Git-History-VSCode-Extension.gif\" >Similar to GitLens, Git History is a VSCode extension that provides a visual representation of the git log. No more looking through git log in the terminal. The extension is quite comprehensive. It allows you to compare branches, commits, and files across commits. You can also search Github avatars, which is quite neat.<\/p>\n<h2 id=\"css-peek\">CSS Peek<\/h2>\n<p><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2019\/02\/CSS-Peek.gif\"  class=\"aligncenter pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/res.cloudinary.com\/dukp6c7f7\/image\/upload\/f_auto,fl_lossy,q_auto\/s3-ghost\/\/2019\/02\/CSS-Peek.gif\" >This plugin is invaluable for front-end developers. Inspired by a similar feature in the IDE Brackets, CSS Peek lets you expand your HTML and js file to show CSS\/SCSS\/LESS code in the source code. It also lets you quickly jump to the appropriate CSS code if you know the class name or ID.<\/p>\n<h2 id=\"javascript-code-snippets\">JavaScript Code Snippets<\/h2>\n<p><img  loading=\"lazy\"  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  width=\"1873\"  height=\"1126\"  class=\"aligncenter wp-image-14592 size-full pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"auto, (max-width: 1873px) 100vw, 1873px\"  data-pk-src=\"https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex.webp\"  data-pk-srcset=\"https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex.webp 1873w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-300x180.webp 300w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-1024x616.webp 1024w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-768x462.webp 768w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-1536x923.webp 1536w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-110x66.webp 110w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-200x120.webp 200w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-380x228.webp 380w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-255x153.webp 255w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-550x331.webp 550w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-800x481.webp 800w, https:\/\/cdn.itpiran.net\/2024\/01\/11021406\/java-ex-1160x697.webp 1160w\" >While VScode includes built-in JS IntelliSense, JS Code Snippets enhances the experience by adding an import\/export trigger, class helpers, and method triggers. The extension supports JS, TypeScript, JS React, TS React, HTML, and VUE. Code snippets for other flavors, such as Angular, are readily available in the VScode marketplace.<\/p>","protected":false},"excerpt":{"rendered":"Introduction In general, extensions are a useful tool for developers who want to extend the capabilities of a programming language or\u2026","protected":false},"author":1,"featured_media":14584,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"Extention \u0647\u0627\u06cc 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":[372,370,371,366],"class_list":{"0":"post-14583","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-programming","9":"tag-extention","10":"tag-visual-studio-code","11":"tag-vsc","12":"tag-366"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc 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\/en\/tutorials\/\u0628\u0647\u062a\u0631\u06cc\u0646-extention-\u0647\u0627\u06cc-visual-studio-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc Visual Studio Code - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0642\u062f\u0645\u0647 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc\u060c \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646\u06cc \u0627\u0628\u0632\u0627\u0631 \u0645\u0641\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u06cc\u0627&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/en\/tutorials\/\u0628\u0647\u062a\u0631\u06cc\u0646-extention-\u0647\u0627\u06cc-visual-studio-code\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-10T22:47:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2024\/01\/10124906\/VSC-cover.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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\"},\"headline\":\"\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc Visual Studio Code\",\"datePublished\":\"2024-01-10T22:47:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/\"},\"wordCount\":88,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/01\\\/10124906\\\/VSC-cover.jpg\",\"keywords\":[\"Extention\",\"Visual Studio Code\",\"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\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/\",\"name\":\"\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc Visual Studio Code - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/01\\\/10124906\\\/VSC-cover.jpg\",\"datePublished\":\"2024-01-10T22:47:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/01\\\/10124906\\\/VSC-cover.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/01\\\/10124906\\\/VSC-cover.jpg\",\"width\":1793,\"height\":1110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-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\":\"\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc 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\":\"en-US\"},{\"@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\":\"en-US\",\"@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\\\/en\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Best Visual Studio Code Extensions - 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\/en\/tutorials\/\u0628\u0647\u062a\u0631\u06cc\u0646-extention-\u0647\u0627\u06cc-visual-studio-code\/","og_locale":"en_US","og_type":"article","og_title":"\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc Visual Studio Code - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0645\u0642\u062f\u0645\u0647 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc\u060c \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646\u06cc \u0627\u0628\u0632\u0627\u0631 \u0645\u0641\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u06cc\u0627&hellip;","og_url":"https:\/\/www.itpiran.net\/blog\/en\/tutorials\/\u0628\u0647\u062a\u0631\u06cc\u0646-extention-\u0647\u0627\u06cc-visual-studio-code\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2024-01-10T22:47:02+00:00","og_image":[{"width":1793,"height":1110,"url":"https:\/\/cdn.itpiran.net\/2024\/01\/10124906\/VSC-cover.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/"},"author":{"name":"admin","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81"},"headline":"\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc Visual Studio Code","datePublished":"2024-01-10T22:47:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/"},"wordCount":88,"commentCount":0,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/01\/10124906\/VSC-cover.jpg","keywords":["Extention","Visual Studio Code","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":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/","url":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/","name":"The Best Visual Studio Code Extensions - ITPiran Blog","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/01\/10124906\/VSC-cover.jpg","datePublished":"2024-01-10T22:47:02+00:00","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-visual-studio-code\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2024\/01\/10124906\/VSC-cover.jpg","contentUrl":"https:\/\/cdn.itpiran.net\/2024\/01\/10124906\/VSC-cover.jpg","width":1793,"height":1110},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-extention-%d9%87%d8%a7%db%8c-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":"\u0628\u0647\u062a\u0631\u06cc\u0646 Extention \u0647\u0627\u06cc Visual Studio Code"}]},{"@type":"WebSite","@id":"https:\/\/www.itpiran.net\/blog\/#website","url":"https:\/\/www.itpiran.net\/blog\/","name":"ITPiran Blog","description":"Iranian Sustainable Trade News and Articles","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":"en-US"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"Sustainable Iranian Business Blog","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts\/14583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/comments?post=14583"}],"version-history":[{"count":3,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts\/14583\/revisions"}],"predecessor-version":[{"id":14593,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts\/14583\/revisions\/14593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/media\/14584"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/media?parent=14583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/categories?post=14583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/tags?post=14583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}