Le 20 migliori estensioni di codice di Visual Studio per i programmatori

Non importa se sei uno sviluppatore a tempo pieno che lavora regolarmente con enormi basi di codice o un semplice programmatore per hobby, Visual Studio Code può essere l'aggiunta perfetta alla tua cintura degli strumenti di sviluppo. Questo maestoso editor di codice Linux è diventato una delle scelte di editor più popolari sin dal suo inizio quattro anni fa. Tra la sua pletora di funzionalità, ciò che distingue Visual Studio Code dagli altri editor è la sua estensibilità. Esiste un numero infinito di estensioni Visual Studio Code che possono rendere la programmazione divertente per i principianti e aumentare la produttività per gli sviluppatori più esperti.

Le migliori estensioni del codice di Visual Studio

Il numero apparentemente infinito di estensioni vscode disponibili tende a sopraffare gli utenti abbastanza velocemente. Francamente, puoi trovare quasi tutti i tipi di estensioni che stai cercando in questo moderno editor di codice. Quindi ci siamo presi la libertà di indicare le 20 migliori estensioni di codice di Visual Studio per la programmazione generica. Continua a leggere per saperne di più su queste eccellenti estensioni in dettaglio.

1. Remoto - Contenitori

Docker ha reso popolare il concetto di container a un livello completamente nuovo. Consente agli sviluppatori di creare programmi senza problemi senza doversi preoccupare dei sistemi degli utenti. Gli sviluppatori possono impacchettare tutti i file necessari per eseguire un nuovo programma in a 'contenitore' e gli utenti possono eseguirli in modo efficiente nel loro sistema senza dover installare alcuna dipendenza. L'estensione Remote - Containers consente agli sviluppatori di utilizzare questa idea direttamente durante la codifica in VS Code.

Caratteristiche di Remote - Contenitori

Remote - Containers fornisce uno strumento completo e uno stack di runtime ben definito che può essere utilizzato per containerizzare facilmente i tuoi programmi più recenti.
Gli utenti Linux devono avere Docker Compose 1.21+ installati nel loro sistema e aggiungono il loro utente al gruppo docker utilizzando usermod -aG docker $USER.
I contenitori possono essere utilizzati sia come ambiente di sviluppo a tempo pieno, oppure puoi semplicemente collegare programmi a un contenitore in esecuzione.
Puoi scegliere di inoltrare temporaneamente le porte del tuo contenitore o lasciarle esposte in modo permanente all'interno del tuo host Linux.

Scarica estensione

2. Intelligenza del percorso

Path Intellisence è una di quelle rare estensioni vscode che fornisce un incremento di produttività garantito al tuo sviluppo. Se sei uno sviluppatore poliglotta come me e lavori con troppe tecnologie diverse contemporaneamente, vorrai sicuramente uno strumento utile in grado di ricordare il nome del tuo percorso. Path Intellisence è iniziato come una semplice estensione per il completamento automatico dei nomi di file, ma da allora si è dimostrato una risorsa indispensabile nella toolchain degli sviluppatori moderni.

Caratteristiche di Path Intellisence

Le solide opzioni di configurazione di questa estensione VS Code consentono agli utenti di scegliere tra una serie di opzioni predefinite come se una barra debba precedere o meno i nomi delle directory.
Path Intellisence può essere configurato per mostrare percorsi sia assoluti che relativi ai nomi dei file file.
È soggetto alla licenza MIT, che consente di modificare ulteriormente l'estensione.
Path Intellisence può essere utilizzato anche per il completamento automatico dei file nascosti.

Scarica estensione

3. Pitone

Python è la scelta ideale per gran parte degli sviluppatori opensource per numerose ragioni, tra cui facilità d'uso e flessibilità. Inoltre, i programmatori che hanno bisogno di gestire applicazioni basate sui dati spesso si affidano a Python a causa del suo enorme set di librerie di terze parti e della facile integrazione con le soluzioni aziendali. Se sei un programmatore Python, ci saranno alcune cose che ti aspetteresti dalla tua scelta di editor di testo. Fortunatamente per te, l'estensione del codice Python VS ti consentirà di sfruttare il linguaggio senza sforzo.

Funzionalità dell'estensione Python

L'estensione Python VS Code include il supporto integrato per lint, navigazione nel codice, notebook Jupyter, esploratore variabile, frammenti e altro.
Gli sviluppatori possono sfruttare il robusto debugger quando trovano in modo molto efficace quei bug difficili da catturare in codebase tipicamente grandi.
Offre comode palette di comandi per la gestione rapida degli script Python e l'esecuzione di attività come test, refactoring e simili.
Gli sviluppatori possono avviare e passare da virtualenv, venv, pipenv, conda e pyenv molto rapidamente utilizzando questa estensione.

Scarica estensione

4. Server live

Gli amministratori di sistema Linux richiederebbero spesso di creare un server live nel loro sistema per monitorare diverse cose in azione. L'estensione Live Server può essere utilizzata per configurare un server di sviluppo locale che consentirà ai programmatori di testare facilmente le pagine statiche e dinamiche appena create. Il pulsante go-live presente nella barra delle applicazioni ti consentirà di eseguire il tuo codice direttamente come server di sviluppo, mentre puoi anche configurare l'estensione per ricaricare le pagine non appena salvi il tuo lavoro corrente.

Caratteristiche del server live

È una delle migliori estensioni vscode per gli sviluppatori web grazie al suo impatto immediato sulla produttività.
L'estensione Live Server consente agli sviluppatori Web di utilizzare vari tasti di scelta rapida, migliorando la velocità di sviluppo e test nel processo.
Viene fornito con supporto predefinito per diversi browser, SVG, CORS, proxy, https e Chrome Debugging Attachment.
Live Server consente aree di lavoro multi-root e supporta la connessione remota tramite WLAN.

Scarica estensione

5. Visual Studio Intellicode

Visual Studio Intellicode è una delle estensioni Visual Studio Code più sorprendenti che tu possa mai usare. È stato creato per aiutare sviluppatori e programmatori con suggerimenti per il completamento del codice intelligente e ha un supporto predefinito per una vasta gamma di linguaggi di programmazione. Visual Studio Intellicode utilizza varie tecniche di apprendimento automatico per osservare e trovare modelli utilizzati in numerosi progetti GitHub opensource e li suggerisce durante la codifica all'interno dell'editor.

Funzionalità di Visual Studio Intellicode

Visual Studio Intellicode viene fornito con il supporto predefinito per Python, TypeScript/JavaScript, React e Java.
Le previsioni fornite dall'estensione Intellicode vengono visualizzate in una nuova sezione dell'elenco dei suggerimenti preceduta da un'icona a forma di stella.
Fornisce suggerimenti di completamento efficienti e sensibili al contesto, suggerimenti sugli strumenti e aiuto per la firma invece dei comuni suggerimenti preimpostati.
Gli utenti Java devono installare almeno Java 8 Update 151 per utilizzare questa estensione nei loro progetti.

Scarica estensione

6. Sincronizzazione impostazioni

Gli sviluppatori moderni hanno spesso bisogno di lavorare su più sistemi per progetti diversi. Potresti usare la tua postazione di lavoro personale per progetti individuali mentre il lavoro d'ufficio potrebbe richiedere alcuni sistemi completamente diversi. Ad ogni modo, può essere necessario uno sforzo considerevole per concentrarsi sui progetti piuttosto che sulle impostazioni IDE, e questo si traduce in un grave calo della produttività. Fortunatamente per te, l'estensione Settings Sync è qui per gestire le tue configurazioni di sviluppo comodamente e senza problemi su tutte le tue workstation.

Funzionalità di Sincronizzazione delle impostazioni

Consente agli sviluppatori di utilizzare il token del proprio account GitHub e Gist per gestire rapidamente le proprie preferenze di sviluppo.
Questa estensione consente agli sviluppatori di sincronizzare le loro impostazioni, frammenti, temi, icone, tasti di scelta rapida, aree di lavoro e persino le loro estensioni.
Settings Sync scarica automaticamente le ultime impostazioni all'avvio e le carica anche automaticamente in caso di modifiche alle impostazioni.
Fornisce agli sviluppatori informazioni utili sulle loro configurazioni IDE ed estensioni utilizzate.

Scarica estensione

7. Debugger per Chrome

Debugger per Chrome è probabilmente tra le migliori estensioni di codice di Visual Studio per sviluppatori JavaScript. Fornisce una serie di solide funzionalità che mirano a migliorare significativamente il tuo flusso di lavoro quotidiano. Questa estensione moderna consente sia agli sviluppatori front-end che back-end di eseguire il debug dei propri codici direttamente nell'editor di codice e aiuta a trovare i bug difficili da rilevare molto rapidamente. È un'estensione VS Code ufficiale di Microsoft e viene mantenuta regolarmente.

Funzionalità di Debugger per Chrome

Debugger per Chrome consente agli sviluppatori di impostare punti di interruzione nei codici sorgente JavaScript quando le mappe sono abilitate.
La console è molto robusta e racchiude tutte le funzioni necessarie in modo intelligente per un flusso di lavoro produttivo.
Gli sviluppatori possono utilizzare questa estensione VS Code per il debug di script di valutazione, tag di script o persino script che vengono aggiunti dinamicamente.
La funzionalità watch consente agli sviluppatori di monitorare le modifiche nei parametri specificati dall'utente in un modo molto più semplice rispetto a molte estensioni di Visual Studio Code.

Scarica estensione

8. più carina

Prettier è una delle migliori estensioni di codice VS per i web designer moderni che hanno bisogno di seguire una serie di regole ben definite durante la progettazione delle loro pagine. È un'estensione avvincente che consente loro di utilizzare il popolare pacchetto più carino. È un formattatore di codice robusto e supponente che consente ai progettisti di formattare i propri codici in modo strutturato. Più carino funziona insieme a JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL e altri strumenti moderni e consente la creazione di app all'avanguardia senza sforzo.

Caratteristiche di Prettyer

Più carino semplifica la formattazione del codice in base a un insieme predefinito di regole e le struttura in modo molto efficiente.
Consente di utilizzare robuste tavolozze di comandi per eseguire ed eseguire varie attività di formattazione.
Puoi facilmente ricollegare l'editor.azione.formatoDocumento ed editore.azione.formatSelection per l'impostazione di combinazioni di tasti personali.
Più carino viene fornito con l'integrazione integrata per Visual Studio Code ESLint e TSLint.

Scarica estensione

9. Bracket Pair Colorizer

L'estensione Bracket Pair Colorizer è una delle estensioni Visual Studio Code più produttive per i programmatori frequenti. Se sei come me e ti ritrovi spesso a navigare falsamente tra quelle parentesi graffe confuse durante l'ispezione di rami di codice; questo è un must per te. Consente all'editor di identificare le parentesi corrispondenti con i colori che puoi definire e configurare. Quindi, ti consente di conoscere la profondità di un ramo di codice semplicemente dando un'occhiata al rispettivo colore della parentesi.

Caratteristiche di Bracket Pair Colorizer

Bracket Pair Colorizer consente il pieno controllo su quali caratteri abbinare e quali colori utilizzare in base alle preferenze dello sviluppatore.
Corrisponde a (), [] e automaticamente e consente al programmatore di definire e abbinare parentesi personalizzate.
I programmatori possono scegliere un elenco di colori durante la configurazione delle parentesi e possono optare per un colore specifico per le parentesi orfane.
Consente agli sviluppatori di definire tasti di scelta rapida personalizzati per espandere e annullare le selezioni del cursore nell'ambito successivo.

Scarica estensione

10. Quokka

Quokka.js è uno scratchpad robusto e moderno per gli sviluppatori JavaScript che lavorano ampiamente sul codice VS per i loro progetti. È una delle estensioni vscode più leggere ma produttive che puoi utilizzare per migliorare il tuo flusso di lavoro. Quokka controlla il tuo codice JavaScript in tempo reale e fornisce un feedback istantaneo su quali blocchi sono già stati eseguiti e quali no. Se stai cercando un'estensione JS per risparmiare tempo speso dietro i controlli del codice, Quokka è la soluzione per te.

Caratteristiche di Quokka

Quokka utilizza un tipo di colore fisso per ogni risultato, consentendo agli sviluppatori di comprendere il loro flusso di esecuzione in modo molto efficace.
L'estensione stessa è davvero semplice e non richiede alcuna configurazione personalizzata da parte dello sviluppatore.
La documentazione sufficiente di Quokka rende davvero facile iniziare con l'estensione in pochissimo tempo.

Scarica estensione

11. Condividi dal vivo

Live Share è un'estensione innovativa volta ad aumentare il tuo flusso di lavoro al massimo livello. Consente agli sviluppatori di condividere i loro frammenti di codice con altri collaboratori in tempo reale direttamente dalla comodità del tuo editor di codice preferito. L'estensione Live Share è una delle altre estensioni di Visual Studio che saranno sviluppate da Microsoft e rende le collaborazioni di gruppo molto più produttive. Inoltre, viene fornito con il supporto predefinito per la maggior parte dei linguaggi principali, inclusi C, Java, ASP.NET, JavaScript, Go, Kotlin e altro.

Caratteristiche di Live Share

Consente la condivisione istantanea dei progetti attuali insieme a sessioni di debug, istanze di terminale, app Web utilizzando localhost e molto altro.
Gli sviluppatori possono scegliere di conservare le proprie preferenze personali (temi, tasti di scelta rapida) per se stessi mentre condividono i loro progetti con altri.
I collaboratori non richiedono l'installazione di repository o SDK per lavorare sul codice corrente.
Consente agli sviluppatori di partecipare alle proprie sessioni di collaborazione per provare nuove cose da remoto.

Scarica estensione

12. Estensione GitHub

L'acquisizione di GitHub da parte di Microsoft ha scosso l'intero mondo opensource e, contrariamente alla credenza popolare, Microsoft ha fatto molto meglio di quanto molti potrebbero pensare. GitHub ora offre più integrazioni con strumenti popolari e l'estensione GitHub per Visual Studio Code è solo l'esempio perfetto di questo. Consente agli sviluppatori di terze parti di connettersi e collaborare su progetti molto più rapidamente e rende il raggiungimento di flussi di lavoro complessi un gioco da ragazzi. È un must se sei un appassionato di opensource come me.

Funzionalità dell'estensione GitHub

È molto semplice connettersi con i tuoi repository preferiti e può aprire la pagina GitHub del tuo progetto corrente direttamente nel browser
Questa estensione consente agli sviluppatori di clonare, creare o pubblicare repository molto rapidamente senza mai uscire dall'editor.
Ha il supporto integrato per la configurazione di più cartelle, GitHub Enterprise, l'unione di richieste pull e molto altro.
Consente inoltre agli utenti di visualizzare e ispezionare le loro richieste pull, progetti fork, creare Gist e molto altro.

Scarica estensione

13. Ribasso tutto in uno

Markdown All in One è un'estensione alla moda per scrivere Markdown usando VS Code. È un'estensione completa che viene fornita con il supporto predefinito per funzionalità come l'anteprima dal vivo e l'evidenziazione della sintassi. Il sapore fornito da questa estensione sarà abbastanza simile a Markdown di GitHub. Questo dovrebbe renderlo attraente per gli sviluppatori opensource poiché ora possono persino scrivere le loro documentazioni utilizzando Visual Studio Code. L'estensione stessa è altamente personalizzabile e autodocumentante.

Caratteristiche di Markdown All in One

È noto per offrire velocità di prim'ordine e prestazioni superiori tra gli appassionati di opensource.
Il supporto per l'evidenziazione della sintassi è molto competente e può essere configurato rapidamente.
Questa estensione VS Code può essere utilizzata per selezionare porzioni di testo e aggiungere convenientemente collegamenti ipertestuali.
Markdown All in One ha scorciatoie da tastiera estremamente versatili insieme a robusti completamenti automatici.

Scarica estensione

14. Docker

L'estensione Docker per VS Code è un must sia per i professionisti che per gli appassionati di open source. Offre un'ampia gamma di comode funzioni tra cui l'evidenziazione della sintassi, i comandi, il linting, il Dockerfile e molto altro.

Questa estensione rende davvero facile creare e distribuire le tue applicazioni containerizzate direttamente dal tuo editor di sorgenti preferito. L'estensione è sviluppata da Microsoft e offre un'esperienza utente fluida senza ostacolare la produttività.

Caratteristiche di Docker

Puoi semplicemente premere F1 per generare il Dockerfile, docker-compose.yml, e .dockerignora i file automaticamente.
Viene fornito con il supporto IntelliSense predefinito per i completamenti automatici intelligenti.
L'estensione Docker consente di caricare immagini direttamente dai registri nel Servizio app di Azure.
La tavolozza dei comandi predefinita di questa estensione contiene una vasta gamma di comandi ampiamente utilizzati.

Scarica estensione

15. Arduino per il codice di Visual Studio

La scheda Arduino è un potente piccolo pezzo di elettronica che può essere utilizzato per creare entusiasmanti progetti basati su microcontrollori. In genere, gli sviluppatori devono installare il software Arduino IDE per scrivere i propri codici e distribuirli sulla scheda.

Ma l'estensione Arduino Visual Studio Code ti consente di fare lo stesso e molto altro direttamente dal tuo editor di testo Linux preferito. Sebbene l'estensione non sia gratuita, renderà il pagamento degno per la maggior parte degli sviluppatori.

Funzionalità di Arduino per Visual Studio

Fornisce un'alternativa Arduino IDE completamente compatibile, con strumenti per la modifica, la creazione, la distribuzione e il debug.
Arduino IDE per Visual Studio viene fornito con supporto predefinito per tutti i comuni cloni Arduino inclusi AVR, SAMD, ESP, STM32, Intel e Ti.
Viene fornito con un monitor seriale integrato, un gestore di schede e librerie e supporta IntelliSense.
Questa estensione esce con la stessa configurazione dell'IDE di Arduino.

Scarica estensione

16. Apri nel browser

Questa estensione fa esattamente ciò che suggerisce il nome. È una delle migliori estensioni vscode per gli sviluppatori Web in quanto consente loro di visualizzare le proprie pagine Web o applicazioni in modo molto conveniente.

Per impostazione predefinita, le pagine vengono visualizzate nel browser Web predefinito configurato sul tuo PC. Tuttavia, puoi modificare la configurazione per cambiarlo in qualsiasi altro browser web abbastanza facilmente. La combinazione di tasti Alt + B apre il file corrente nel browser predefinito mentre Shift + Alt + B si apre nel browser specificato.

Funzionalità di apertura nel browser

L'estensione è scritta utilizzando TypeScript e utilizza un pacchetto npm estremamente leggero chiamato opn.
Consente agli sviluppatori di aprire qualsiasi tipo di file con cui hanno a che fare, non solo l'HTML vaniglia.
A partire da ora, supporta Google Chrome, Firefox, Firefox Developer Edition, Edge, Chromium e Internet Explorer.

Scarica estensione

17. Frammenti di codice JavaScript (ES6)

Se sei uno sviluppatore web moderno, devi lavorare con vari stack JavaScript. Non importa quali siano le tue scelte di framework, digitare gli stessi codici generici in diversi progetti dovrebbe ridurre il tuo flusso di lavoro.

Gli snippet di codice JavaScript (ES6) sono una pratica piccola estensione di libreria che fornisce alcuni frammenti molto utili di codici JavaScript per lo sviluppatore inattivo. Associa semplicemente le chiamate JavaScript standard a semplici tasti di scelta rapida. Tuttavia, può aumentare molto la tua produttività attuale.

Funzionalità di JavaScript Snippet Pack

Viene fornito con supporto predefinito per JavaScript, TypeScript, Vue, React e HTML.
Gli sviluppatori possono aggiungere o importare le proprie raccolte di frammenti di codice all'interno di questa estensione molto rapidamente.

Scarica estensione

18. Controllo ortografico del codice

Il controllo ortografico del codice è un'ottima estensione che semplifica la manutenzione di basi di codice professionali. È necessario rimuovere il più possibile gli errori di ortografia se stai lavorando su prodotti di alta qualità. Avere questa estensione installata significa che non dovrai mai preoccuparti di rovinare l'ortografia nei tuoi commenti, stringhe e testo normale mentre digiti.

Caratteristiche del controllo ortografico del codice Code

Mostra potenziali errori di ortografia all'interno di commenti, stringhe e testo normale in tempo reale o tramite una finestra degli strumenti interattiva.
È facile abilitare o disabilitare il controllo ortografico mentre digiti e ignori le parole con parametri specifici.
Il controllo ortografico del codice può essere configurato in molti livelli e consente l'ereditarietà/sostituzione delle opzioni di configurazione.
Gli utenti possono aggiungere dizionari personalizzati per la propria lingua molto rapidamente in questa estensione.

Scarica estensione

19. Laboratorio LaTex

L'estensione LaTeX Workshop per VS Code è un modo intelligente per migliorare l'efficienza della composizione di LaTeX con anteprima, compilazione, completamento automatico, colorazione e altro. LaTex è ampiamente utilizzato sia per presentazioni accademiche che aziendali. Se stai cercando un modo completo per sfruttare LaTex per i tuoi progetti regolari, LaTeX Workshop sarà una soluzione intelligente per te. Puoi anche usarlo per creare rapidamente file PDF direttamente dal tuo editor sorgente preferito source.

Caratteristiche di LaTex Workshop

La sua robusta funzione SyncTeX consente agli utenti di saltare direttamente tra .tex e i loro PDF e viceversa.
LaTex Workshop può creare file PDF automaticamente dopo ogni build LaTex di successo.
Funziona alla grande con IntelliSense e supporta i completamenti per varie chiavi bibliografiche.
Viene fornito con un'efficiente libreria di frammenti che contiene molti comandi LaTex utilizzati quotidianamente.

Scarica estensione

20. GitLens

GitLens è una maestosa estensione opensource per Visual Studio Code che renderà più facile che mai contribuire a progetti di terze parti. Consente agli utenti di assumere il pieno controllo delle funzionalità Git integrate nel codice e mira ad aumentare la produttività al suo apice. Grazie a funzionalità come le annotazioni di colpa di Git e la lente del codice, la comprensione di una nuova base di codice richiederà il minor tempo prezioso.

Caratteristiche di GitLens

L'attuale funzione di annotazione della colpa della riga offre un modo affidabile per ricordare gli autori del codice.
Le viste della barra laterale offrono preziose informazioni sui progetti e rendono la visualizzazione, la navigazione e l'esplorazione di nuovi repository ancora più divertenti.
GitLens consente agli utenti di cercare e scoprire le cronologie dei commit in base a messaggi, autori, file, ID e molti altri.
Gli utenti possono passare rapidamente da una serie di impostazioni all'altra utilizzando modalità personalizzate custom.

Scarica estensione

Pensieri finali

L'abbondanza di estensioni Visual Studio Code robuste, interessanti e utili disponibili rende difficile per molti scegliere quali installare. Suggeriamo agli utenti di non installare un'estensione solo perché è presente. Invece, dovresti lasciare che i tuoi progetti determinino quali strumenti richiedono. Abbiamo delineato le 20 migliori estensioni vscode generiche che possono essere di aiuto a chiunque. Queste scelte si basano sulla popolarità tra gli sviluppatori e sulle loro funzionalità allo stesso modo. Speriamo di essere stati in grado di fornirti tutte le informazioni necessarie che stavi cercando. Continua a visitarci per ulteriori guide su entusiasmanti suggerimenti di programmazione Linux Linux.