{"id":232464,"date":"2023-01-13T15:51:00","date_gmt":"2023-01-13T12:51:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232464"},"modified":"2022-11-10T09:45:27","modified_gmt":"2022-11-10T06:45:27","slug":"5-utili-estensioni-per-vs-code","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/5-utili-estensioni-per-vs-code\/","title":{"rendered":"5 utili estensioni per VS Code"},"content":{"rendered":"

Il successo di VS Code e la sua rapida adozione da parte della comunit\u00e0 degli sviluppatori non \u00e8 dovuto solo al fatto che \u00e8 un editor molto competente con strumenti utili pronti all’uso, ma alla vivace comunit\u00e0 di utenti che ne creano molteplici utili per lavorare meglio con esso. Esaminiamo cinque estensioni del codice VS selezionate personalmente per migliorare la velocit\u00e0 e l’efficienza del nostro flusso di lavoro.<\/p>\n

Cliente REST<\/h2>\n

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

Dopo essere passato a VS Code da PhpStorm, la prima cosa che mi mancava era il client REST integrato che PhpStorm aveva dove si potevano scrivere richieste in testo normale. Fortunatamente, questa estensione ti consente di eseguire richieste API REST direttamente da un editor di codice VS e ottenere la risposta. Devi semplicemente avviare un file vuoto, aggiungere l\u00ec la richiesta, cambiare la sua lingua in "http" e otterrai un pulsante nella parte superiore del file che dice INVIA RICHIESTA che farai clic per inviare la richiesta dell’API REST dall’interno Codice VS.<\/p>\n

Colpa di Git integrato<\/h2>\n

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

Questa estensione ti consente di visualizzare chi ha commesso cosa su ogni riga del tuo editor. Sebbene l’estensione Git Lens sia pi\u00f9 onnipresente, preferisco Git Blame perch\u00e9 non mi piace avere i messaggi di commit, anche se sono sbiaditi, mescolati con il mio codice come fa Git Lens. Questa estensione visualizzer\u00e0 il committer nella barra di stato in basso e, quando fai clic su di esso, visualizzer\u00e0 il messaggio di commit con un collegamento per passare al commit su GitHub. Ecco il mio screenshot che mostra il link:<\/p>\n

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

Coloratore per coppie di staffe<\/h2>\n

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

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

\u00c8 facile perdersi nel codice cercando di capire quale parentesi corrisponde a quale. Questa estensione visualizzer\u00e0 ogni livello di parentesi su un colore diverso e disegner\u00e0 anche una linea dalla parentesi aperta a quella di chiusura in modo da essere sempre consapevole del contesto su cui stai lavorando.<\/p>\n

Evidenziazione della sintassi JavaScript Babel<\/h2>\n

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

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

Questa estensione non solo evidenzier\u00e0 le funzionalit\u00e0 ES6 o ES7, ma evidenzier\u00e0 anche correttamente il codice React, la sintassi GraphQL e persino CSS in JS alla moda StyledComponents.<\/p>\n

Tema colore VS Code<\/h2>\n

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

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

Non \u00e8 difficile trovare combinazioni di colori per l’editor che si adattano perfettamente ai nostri gusti? Una volta trovato uno, non lo lasceremo andare finch\u00e9 non si presenter\u00e0 uno migliore. La combinazione di colori che sto attualmente utilizzando e che trovo molto carina \u00e8 questa, Atom One Dark, e si sposa bene con il tema dell’icona Seti incluso in VS Code.<\/p>\n

Il tuo turno<\/h2>\n

Qualche estensione che ami e vuoi esprimerla pubblicamente? Ne conosci uno simile a quelli mostrati qui? Forse uno che hai sviluppato? Fatemi sapere nei commenti!<\/p>\n

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

Cinque estensioni selezionate per VS Code che miglioreranno la velocit\u00e0 e l’efficienza del flusso di lavoro.<\/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":[918,896,720,794],"tags":[1168],"class_list":["post-232464","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-altro","category-codice","category-sviluppatore","category-visual-studio-code-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=232464"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232464\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/157430"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=232464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=232464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=232464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}