{"id":231723,"date":"2023-01-13T15:19:00","date_gmt":"2023-01-13T12:19:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231723"},"modified":"2022-12-25T18:48:11","modified_gmt":"2022-12-25T15:48:11","slug":"5-przydatnych-rozszerzen-do-vs-code","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/5-przydatnych-rozszerzen-do-vs-code\/","title":{"rendered":"5 przydatnych rozszerze\u0144 do VS Code"},"content":{"rendered":"\n<p>Sukces VS Code i jego szybkie przyj\u0119cie przez spo\u0142eczno\u015b\u0107 programist\u00f3w wynika nie tylko z faktu, \u017ce jest to bardzo kompetentny edytor z przydatnymi narz\u0119dziami po wyj\u0119ciu z pude\u0142ka, ale z t\u0119tni\u0105cej \u017cyciem spo\u0142eczno\u015bci u\u017cytkownik\u00f3w tworz\u0105cych wiele przydatnych do lepszej pracy z nim. Przyjrzyjmy si\u0119 pi\u0119ciu r\u0119cznie dobranym rozszerzeniom VS Code, aby poprawi\u0107 szybko\u015b\u0107 i wydajno\u015b\u0107 naszego przep\u0142ywu pracy.<\/p>\n<h2>REST Klient<\/h2>\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=waderyan.gitblame\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/marketplace.visualstudio.com\/items?itemName=waderyan.gitblame<\/a><\/p>\n<p>Po przej\u015bciu z PhpStorm na VS Code, pierwsz\u0105 rzecz\u0105, kt\u00f3rej mi brakowa\u0142o, by\u0142 zintegrowany klient REST, kt\u00f3ry mia\u0142 PhpStorm, w kt\u00f3rym mo\u017cna by\u0142o pisa\u0107 \u017c\u0105dania w postaci zwyk\u0142ego tekstu. Na szcz\u0119\u015bcie to rozszerzenie umo\u017cliwia wykonywanie \u017c\u0105da\u0144 REST API bezpo\u015brednio z edytora VS Code i uzyskiwanie odpowiedzi. Musisz po prostu uruchomi\u0107 pusty plik, doda\u0107 tam \u017c\u0105danie, zmieni\u0107 jego j\u0119zyk na \u201ehttp&quot;, a otrzymasz przycisk na g\u00f3rze pliku z napisem WY\u015aLIJ \u017b\u0104DANIE, kt\u00f3ry klikniesz, aby wys\u0142a\u0107 \u017c\u0105danie REST API od wewn\u0105trz Kod VS.<\/p>\n<h2>Zintegrowana wina Git<\/h2>\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=waderyan.gitblame\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/marketplace.visualstudio.com\/items?itemName=waderyan.gitblame<\/a><\/p>\n<\/p>\n<p>To rozszerzenie pozwala zobaczy\u0107, kto dokona\u0142 co w ka\u017cdym wierszu edytora. Chocia\u017c rozszerzenie Git Lens jest bardziej wszechobecne, wol\u0119 Git Blame, poniewa\u017c nie lubi\u0119, gdy komunikaty o zatwierdzeniu, nawet je\u015bli s\u0105 wyblak\u0142e, zmieszane z moim kodem, tak jak robi to Git Lens. To rozszerzenie wy\u015bwietli commiter na pasku stanu na dole, a kiedy go klikniesz, wy\u015bwietli komunikat o zatwierdzeniu z linkiem do przej\u015bcia do zatwierdzenia na GitHub. Oto m\u00f3j w\u0142asny zrzut ekranu przedstawiaj\u0105cy link:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7f8223fd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7f8223fd.png\" alt=\"5 przydatnych rozszerze\u0144 do VS Code\" ><\/a><\/p>\n<h2>Koloryzator pary wspornik\u00f3w<\/h2>\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=CoenraadS.bracket-pair-colorizer-2\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/marketplace.visualstudio.com\/items?itemName=CoenraadS.bracket-pair-colorizer-2<\/a><\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7f9c0ce9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7f9c0ce9.png\" alt=\"5 przydatnych rozszerze\u0144 do VS Code\" ><\/a><\/p>\n<p>\u0141atwo zgubi\u0107 si\u0119 w kodzie, pr\u00f3buj\u0105c dowiedzie\u0107 si\u0119, kt\u00f3ry nawias pasuje do kt\u00f3rego. To rozszerzenie wy\u015bwietli ka\u017cdy poziom nawiasu w innym kolorze, a nawet narysuje lini\u0119 od nawiasu otwieraj\u0105cego do zamykaj\u0105cego, dzi\u0119ki czemu zawsze b\u0119dziesz \u015bwiadomy kontekstu, nad kt\u00f3rym pracujesz.<\/p>\n<h2>Pod\u015bwietlenie sk\u0142adni Babel w JavaScript<\/h2>\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=mgmcdermott.vscode-language-babel\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/marketplace.visualstudio.com\/items?itemName=mgmcdermott.vscode-language-babel<\/a><\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7fbac30b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7fbac30b.png\" alt=\"5 przydatnych rozszerze\u0144 do VS Code\" ><\/a><\/p>\n<p>To rozszerzenie nie tylko podkre\u015bli funkcje ES6 lub ES7, ale r\u00f3wnie\u017c poprawnie podkre\u015bli kod React, sk\u0142adni\u0119 GraphQL, a nawet CSS w JS w stylu StyledComponents.<\/p>\n<h2>Motyw kolorystyczny VS Code<\/h2>\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=akamud.vscode-theme-onedark\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/marketplace.visualstudio.com\/items?itemName=akamud.vscode-theme-onedark<\/a><\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7fd5409b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157429-61e6b7fd5409b.jpg\" alt=\"5 przydatnych rozszerze\u0144 do VS Code\" ><\/a><\/p>\n<p>Czy trudno jest znale\u017a\u0107 schematy kolorystyczne edytora, kt\u00f3re idealnie pasuj\u0105 do naszego gustu? Gdy ju\u017c go znajdziemy, nie pozwolimy mu odej\u015b\u0107, dop\u00f3ki nie pojawi si\u0119 lepszy. Schemat kolor\u00f3w, kt\u00f3rego obecnie u\u017cywam i kt\u00f3ry uwa\u017cam za bardzo fajny, to ten, Atom One Dark i pasuje do motywu ikony Seti zawartego w VS Code.<\/p>\n<h2>Twoja kolej<\/h2>\n<p>Jakie\u015b rozszerzenie, kt\u00f3re kochasz i chcesz je publicznie wyrazi\u0107? Znasz jeden podobny do przedstawionych tutaj? Mo\u017ce taki, kt\u00f3ry opracowa\u0142e\u015b? Dajcie zna\u0107 w komentarzach!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/startfunction.com\" class=\"external external_icon\">startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pi\u0119\u0107 r\u0119cznie wybranych rozszerze\u0144 do VS Code, kt\u00f3re poprawi\u0105 szybko\u015b\u0107 i wydajno\u015b\u0107 Twojej pracy.<\/p>\n","protected":false},"author":1,"featured_media":157430,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[721,919,897,795],"tags":[1169],"class_list":["post-231723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deweloper","category-inny","category-kod","category-visual-studio-code-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/231723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=231723"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/231723\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/157430"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=231723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=231723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=231723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}