{"id":231820,"date":"2023-01-13T15:30:00","date_gmt":"2023-01-13T12:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231820"},"modified":"2022-11-10T05:20:30","modified_gmt":"2022-11-10T02:20:30","slug":"5-anvaendbara-tillaegg-foer-vs-code","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/5-anvaendbara-tillaegg-foer-vs-code\/","title":{"rendered":"5 anv\u00e4ndbara till\u00e4gg f\u00f6r VS Code"},"content":{"rendered":"

Framg\u00e5ngen f\u00f6r VS Code och dess snabba antagande av utvecklargemenskapen beror inte bara p\u00e5 att det \u00e4r en mycket kompetent redigerare med anv\u00e4ndbara verktyg direkt, utan p\u00e5 den livliga anv\u00e4ndargemenskapen som skapar flera anv\u00e4ndbara f\u00f6r att fungera b\u00e4ttre med den. L\u00e5t oss g\u00e5 igenom fem handplockade VS-kodtill\u00e4gg f\u00f6r att f\u00f6rb\u00e4ttra v\u00e5rt arbetsfl\u00f6deshastighet och effektivitet.<\/p>\n

REST-klient<\/h2>\n

https:\/\/marketplace.visualstudio.com\/items?itemName=waderyan.gitblame<\/a><\/p>\n

Efter att ha bytt till VS Code fr\u00e5n PhpStorm var det f\u00f6rsta jag saknade den integrerade REST-klienten som PhpStorm hade d\u00e4r man kunde skriva f\u00f6rfr\u00e5gningar i klartext. Lyckligtvis l\u00e5ter det h\u00e4r till\u00e4gget dig g\u00f6ra REST API-f\u00f6rfr\u00e5gningar direkt fr\u00e5n en VS-kodredigerare och f\u00e5 svaret. Du m\u00e5ste helt enkelt starta en tom fil, l\u00e4gga till beg\u00e4ran d\u00e4r, \u00e4ndra dess spr\u00e5k till "http" och du f\u00e5r en knapp h\u00f6gst upp i filen som s\u00e4ger SEND REQUEST som du klickar f\u00f6r att skicka REST API-f\u00f6rfr\u00e5gan inifr\u00e5n VS-kod.<\/p>\n

Integrerad Git-skuld<\/h2>\n

https:\/\/marketplace.visualstudio.com\/items?itemName=waderyan.gitblame<\/a><\/p>\n<\/p>\n

Det h\u00e4r till\u00e4gget l\u00e5ter dig se vem som beg\u00e5tt vad p\u00e5 varje rad i din redakt\u00f6r. Medan Git Lens-f\u00f6rl\u00e4ngningen \u00e4r mer allm\u00e4nt f\u00f6rekommande, f\u00f6redrar jag Git Blame eftersom jag inte gillar att commit-meddelandena, \u00e4ven om de \u00e4r bleka, blandas med min kod som Git Lens g\u00f6r. Detta till\u00e4gg kommer att visa committer i statusf\u00e4ltet l\u00e4ngst ner, och n\u00e4r du klickar p\u00e5 det kommer det att visa commit-meddelandet med en l\u00e4nk f\u00f6r att hoppa till commit p\u00e5 GitHub. H\u00e4r \u00e4r min egen sk\u00e4rmdump som visar l\u00e4nken:<\/p>\n

\"5<\/a><\/p>\n

Bracket par f\u00e4rgs\u00e4ttare<\/h2>\n

https:\/\/marketplace.visualstudio.com\/items?itemName=CoenraadS.bracket-pair-colorizer-2<\/a><\/p>\n

\"5<\/a><\/p>\n

Det \u00e4r l\u00e4tt att g\u00e5 vilse i kod n\u00e4r man f\u00f6rs\u00f6ker ta reda p\u00e5 vilken parentes som matchar vilken. Denna till\u00e4gg kommer att visa varje parentesniv\u00e5 i olika f\u00e4rger och kommer till och med att dra en linje fr\u00e5n den \u00f6ppna parentesen till den avslutande s\u00e5 att du alltid \u00e4r medveten om sammanhanget du arbetar med.<\/p>\n

Babel JavaScript-syntaxh\u00f6jdpunkt<\/h2>\n

https:\/\/marketplace.visualstudio.com\/items?itemName=mgmcdermott.vscode-language-babel<\/a><\/p>\n

\"5<\/a><\/p>\n

Det h\u00e4r till\u00e4gget kommer inte bara att markera ES6- eller ES7-funktioner, utan kommer ocks\u00e5 att markera React-kod, GraphQL-syntax och till och med CSS i JS p\u00e5 StyledComponents-s\u00e4tt.<\/p>\n

VS Code f\u00e4rgtema<\/h2>\n

https:\/\/marketplace.visualstudio.com\/items?itemName=akamud.vscode-theme-onedark<\/a><\/p>\n

\"5<\/a><\/p>\n

\u00c4r det inte sv\u00e5rt att hitta f\u00e4rgscheman f\u00f6r redakt\u00f6ren som passar v\u00e5r smak perfekt? N\u00e4r vi v\u00e4l har hittat en s\u00e5 sl\u00e4pper vi den inte f\u00f6rr\u00e4n en b\u00e4ttre dyker upp. F\u00e4rgschemat jag f\u00f6r n\u00e4rvarande anv\u00e4nder och tycker \u00e4r v\u00e4ldigt snyggt \u00e4r den h\u00e4r, Atom One Dark, och passar bra med Seti-ikontemat som ing\u00e5r i VS Code.<\/p>\n

Din tur<\/h2>\n

N\u00e5gon till\u00e4gg du \u00e4lskar och vill uttrycka den offentligt? K\u00e4nner du till en liknande de som visas h\u00e4r? Kanske en du utvecklat? L\u00e5t mig veta i kommentarerna!<\/p>\n

Inspelningsk\u00e4lla: startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Fem handplockade till\u00e4gg f\u00f6r VS Code som kommer att f\u00f6rb\u00e4ttra ditt arbetsfl\u00f6deshastighet och effektivitet.<\/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":[901,922,724,797],"tags":[1173],"class_list":["post-231820","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-koda","category-oevrig","category-utvecklaren","category-visual-studio-code-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/231820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=231820"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/231820\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/157430"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=231820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=231820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=231820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}