{"id":231821,"date":"2023-01-13T16:04:00","date_gmt":"2023-01-13T13:04:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231821"},"modified":"2022-11-10T05:20:31","modified_gmt":"2022-11-10T02:20:31","slug":"5-kasulikku-laiendust-vs-koodi-jaoks","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/5-kasulikku-laiendust-vs-koodi-jaoks\/","title":{"rendered":"5 kasulikku laiendust VS-koodi jaoks"},"content":{"rendered":"\n<p>VS Code&#8217;i edu ja selle kiire kasutuselev\u00f5tt arendajakogukonnas ei tulene mitte ainult sellest, et see on v\u00e4ga p\u00e4dev redaktor ja kasulikud t\u00f6\u00f6riistad juba karbist v\u00e4ljas, vaid ka elav kasutajate kogukond, kes loob sellega paremaks t\u00f6\u00f6tamiseks mitu kasulikku. Vaatame l\u00e4bi viis k\u00e4sitsi valitud VS-koodi laiendust, et parandada meie t\u00f6\u00f6voo kiirust ja t\u00f5husust.<\/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>P\u00e4rast PhpStormilt VS-koodile \u00fcleminekut tundsin esimese asjana puudust integreeritud REST-klient, mis oli PhpStormil ja kuhu sai kirjutada taotlusi lihttekstina. \u00d5nneks v\u00f5imaldab see laiendus teha REST API p\u00e4ringuid otse VS-koodi redaktorist ja saada vastuse. Peate lihtsalt k\u00e4ivitama t\u00fchja faili, lisama sinna p\u00e4ringu, muutma selle keeleks &quot;http&quot; ja faili \u00fclaosas kuvatakse nupp SEND REQUEST, millel kl\u00f5psate REST API p\u00e4ringu saatmiseks seest. VS kood.<\/p>\n<h2>Integreeritud Giti s\u00fc\u00fc<\/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>See laiendus v\u00f5imaldab teil vaadata, kes mida tegi teie redaktori igal real. Kuigi Git Lensi laiendus on \u00fcldlevinud, eelistan ma Git Blame&#8217;i, sest mulle ei meeldi, kui kinnitusteated, isegi kui need on tuhmunud, segatakse minu koodiga nagu Git Lens teeb. See laiendus kuvab volitaja allosas olekuribal ja kui kl\u00f5psate sellel, kuvab see kinnitusteate koos lingiga GitHubi kinnitamise juurde liikumiseks. Siin on minu enda ekraanipilt, millel on 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 kasulikku laiendust VS-koodi jaoks\" ><\/a><\/p>\n<h2>Klambripaari v\u00e4rvija<\/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 kasulikku laiendust VS-koodi jaoks\" ><\/a><\/p>\n<p>Koodis on lihtne eksida, kui proovite aru saada, milline sulg millisele sobib. See laiend kuvab iga sulu taseme erineva v\u00e4rviga ja t\u00f5mbab isegi joone avasulust kuni sulgemiseni, nii et olete alati teadlik kontekstist, millega t\u00f6\u00f6tate.<\/p>\n<h2>Paabeli JavaScripti s\u00fcntaksi esilet\u00f5st<\/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 kasulikku laiendust VS-koodi jaoks\" ><\/a><\/p>\n<p>See laiendus ei t\u00f5sta mitte ainult ES6 v\u00f5i ES7 funktsioone esile, vaid t\u00f5stab \u00f5igesti esile ka React-koodi, GraphQL-i s\u00fcntaksi ja isegi CSS-i JS-is StyledComponentsi viisil.<\/p>\n<h2>VS Code v\u00e4rviteema<\/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 kasulikku laiendust VS-koodi jaoks\" ><\/a><\/p>\n<p>Kas meie maitsele ideaalselt sobivaid v\u00e4rvilahendusi toimetaja jaoks pole raske leida? Kui leiame \u00fche, ei lase me sellel minna enne, kui ilmub parem. Praegu kasutatav ja v\u00e4ga kena v\u00e4rviskeem on see Atom One Dark ja sobib h\u00e4sti VS-koodis sisalduva Seti ikooniteemaga.<\/p>\n<h2>Sinu kord<\/h2>\n<p>Kas teile meeldib laiendus ja soovite seda avalikult v\u00e4ljendada? Kas teate m\u00f5nda sarnast, mida siin n\u00e4idatakse? V\u00f5ib-olla teie arendasite? Anna mulle kommentaarides teada!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/startfunction.com\" class=\"external external_icon\">startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Viis k\u00e4sitsi valitud VS-koodi laiendust, mis parandavad teie t\u00f6\u00f6voo kiirust ja t\u00f5husust.<\/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":[718,894,916,792],"tags":[1165],"class_list":["post-231821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-kood","category-muud","category-visual-studio-code-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/231821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=231821"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/231821\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/157430"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=231821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=231821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=231821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}