{"id":232338,"date":"2023-01-13T15:50:00","date_gmt":"2023-01-13T12:50:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232338"},"modified":"2022-11-10T08:49:45","modified_gmt":"2022-11-10T05:49:45","slug":"5-hyoedyllistae-laajennusta-vs-koodille","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/5-hyoedyllistae-laajennusta-vs-koodille\/","title":{"rendered":"5 hy\u00f6dyllist\u00e4 laajennusta VS-koodille"},"content":{"rendered":"\n<p>VS Coden menestys ja sen nopea k\u00e4ytt\u00f6\u00f6notto kehitt\u00e4j\u00e4yhteis\u00f6ss\u00e4 ei johdu pelk\u00e4st\u00e4\u00e4n siit\u00e4, ett\u00e4 se on eritt\u00e4in p\u00e4tev\u00e4 editori, jolla on hy\u00f6dyllisi\u00e4 ty\u00f6kaluja heti valmiina, vaan siit\u00e4, ett\u00e4 eloisa k\u00e4ytt\u00e4j\u00e4yhteis\u00f6 luo useita hy\u00f6dyllisi\u00e4 asioita, jotta se voisi ty\u00f6skennell\u00e4 paremmin sen kanssa. K\u00e4yd\u00e4\u00e4n l\u00e4pi viisi k\u00e4sin valittua VS Code -laajennusta parantaaksemme ty\u00f6nkulkumme nopeutta ja tehokkuutta.<\/p>\n<h2>REST asiakas<\/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>Vaihdettuani VS-koodiin PhpStormista, ensimm\u00e4inen asia, jota kaipasin, oli integroitu REST-asiakas, joka oli PhpStormissa ja johon voit kirjoittaa pyynt\u00f6j\u00e4 pelk\u00e4ll\u00e4 tekstill\u00e4. Onneksi t\u00e4m\u00e4n laajennuksen avulla voit tehd\u00e4 REST API -pyynt\u00f6j\u00e4 suoraan VS-koodieditorista ja saada vastauksen. Sinun tarvitsee vain k\u00e4ynnist\u00e4\u00e4 tyhj\u00e4 tiedosto, lis\u00e4t\u00e4 pyynt\u00f6 siihen, vaihtaa sen kieli &quot;http&quot; ja saat tiedoston yl\u00e4reunaan painikkeen, jossa lukee L\u00c4HET\u00c4 PYYNT\u00d6, jota napsautat l\u00e4hett\u00e4\u00e4ksesi REST API -pyynn\u00f6n sis\u00e4lt\u00e4. VS koodi.<\/p>\n<h2>Integroitu Git syytt\u00e4\u00e4<\/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>T\u00e4m\u00e4n laajennuksen avulla voit tarkastella, kuka on tehnyt mit\u00e4kin editorin jokaisella rivill\u00e4. Vaikka Git Lens -laajennus on yleisempi, pid\u00e4n parempana Git Blamea, koska en pid\u00e4 vahvistusviestist\u00e4, vaikka ne olisivat haalistuneet, sekoitettuna koodiini kuten Git Lens tekee. T\u00e4m\u00e4 laajennus n\u00e4ytt\u00e4\u00e4 sitoutujan alareunan tilapalkissa, ja kun napsautat sit\u00e4, se n\u00e4ytt\u00e4\u00e4 vahvistusviestin, jossa on linkki GitHubin sitoumukseen siirtymist\u00e4 varten. T\u00e4ss\u00e4 on oma kuvakaappaukseni, joka n\u00e4ytt\u00e4\u00e4 linkin:<\/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 hy\u00f6dyllist\u00e4 laajennusta VS-koodille\" ><\/a><\/p>\n<h2>Kiinnikeparin v\u00e4ritys<\/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 hy\u00f6dyllist\u00e4 laajennusta VS-koodille\" ><\/a><\/p>\n<p>On helppo eksy\u00e4 koodiin yritt\u00e4ess\u00e4\u00e4n selvitt\u00e4\u00e4, mik\u00e4 hakasulku vastaa mit\u00e4kin. T\u00e4m\u00e4 laajennus n\u00e4ytt\u00e4\u00e4 jokaisen hakasulketason eri v\u00e4risen\u00e4 ja jopa piirt\u00e4\u00e4 viivan avaussulkeesta sulkevaan, joten olet aina tietoinen k\u00e4sittelem\u00e4st\u00e4si kontekstista.<\/p>\n<h2>Babel JavaScript-syntaksin korostus<\/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 hy\u00f6dyllist\u00e4 laajennusta VS-koodille\" ><\/a><\/p>\n<p>T\u00e4m\u00e4 laajennus ei vain korosta ES6- tai ES7-ominaisuuksia, vaan my\u00f6s korostaa oikein React-koodia, GraphQL-syntaksia ja jopa CSS:\u00e4\u00e4 JS:ss\u00e4 StyledComponents-tyylill\u00e4.<\/p>\n<h2>VS-koodin v\u00e4riteema<\/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 hy\u00f6dyllist\u00e4 laajennusta VS-koodille\" ><\/a><\/p>\n<p>Eik\u00f6 editorin v\u00e4riteemoja, jotka sopivat t\u00e4ydellisesti makuun, ole vaikea l\u00f6yt\u00e4\u00e4? Kun l\u00f6yd\u00e4mme sellaisen, emme anna sen menn\u00e4, ennen kuin parempi ilmaantuu. T\u00e4ll\u00e4 hetkell\u00e4 k\u00e4ytt\u00e4m\u00e4ni ja eritt\u00e4in mukava v\u00e4rimaailma on t\u00e4m\u00e4, Atom One Dark, ja se sopii hyvin VS-koodiin sis\u00e4ltyv\u00e4n Seti-kuvaketeeman kanssa.<\/p>\n<h2>Sinun vuorosi<\/h2>\n<p>Onko sinulla jokin laajennus, josta pid\u00e4t ja haluat ilmaista sen julkisesti? Tied\u00e4tk\u00f6 samanlaisen kuin t\u00e4\u00e4ll\u00e4 esitellyt? Ehk\u00e4 kehitt\u00e4m\u00e4si? Kerro minulle kommenteissa!<\/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>Viisi k\u00e4sin valittua laajennusta VS Codelle, jotka parantavat ty\u00f6nkulkusi nopeutta ja tehokkuutta.<\/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":[719,895,917,793],"tags":[1166],"class_list":["post-232338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kehittaejae","category-koodi","category-muut","category-visual-studio-code-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=232338"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232338\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/157430"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=232338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=232338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=232338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}