22 estensioni utili per un programmatore alle prime armi

2024 Autore: Malcolm Clapton | [email protected]. Ultima modifica: 2023-12-17 04:01

Estensioni per Chrome e Visual Studio Code che semplificano molte attività di codifica e ti fanno risparmiare tempo.

Estensioni di Chrome

1. WhatFont è un modo semplice per scoprire quale carattere viene utilizzato su un determinato sito per trovarlo e utilizzarlo nei tuoi progetti.

2. Pesticide è uno strumento per l'evidenziazione dei contorni e le modifiche CSS. Utile quando si padroneggia il modello di layout a blocchi.

3. Colorzilla è uno strumento per ottenere colori accurati dai siti web. Per comodità, il codice colore viene copiato direttamente negli appunti.

4. CSS Peeper è un'estensione per la visualizzazione di colori e risorse utilizzati sui siti Web: illustrazioni, documenti di testo, file di layout, file video.

5. Wappalyzer è un'utilità che consente di identificare sistemi di gestione dei contenuti, framework, software server, strumenti di analisi e altre tecnologie utilizzate sui siti.

6. I React Developer Tools sono uno strumento utile per il debug delle applicazioni React.js.

7. Redux DevTools è uno strumento per il debug di applicazioni che utilizzano Redux.

8. JSON Formatter è un'estensione per semplificare la leggibilità di JSON con l'evidenziazione della sintassi, il rientro, i collegamenti cliccabili.

9. Vimeo Repeat and Speed è una semplice estensione per velocizzare il servizio video Vimeo, utile quando si guardano i video tutorial.

Estensioni per VS Code

10. Auto Rename Tag è un'estensione per rinominare i tag HTML. Quando cambi il tag di apertura, il tag di chiusura cambierà automaticamente.

11. Supporto CSS HTML - Supporto CSS per documenti HTML con evidenziazione della sintassi, collegamento di file CSS remoti e altre utili funzionalità.

12. Gli snippet HTML sono snippet già pronti per risparmiare tempo.

13. Babel ES6 / ES7 è uno strumento di evidenziazione e controllo della sintassi JavaScript Babel.

14. Bracket Pair Colorizer è uno strumento per colorare le parentesi di apertura e chiusura con colori specifici per trovarle rapidamente.

15. ESLint - Integrazione di ESLint in Visual Studio Code per verificare la qualità del codice e trovare bug.

16. Guide: aggiunge ulteriori linee guida al codice per facilitare la ricerca degli elementi di apertura e chiusura.

17. JavaScript Console Utils è un'utilità per semplificare la creazione di utili istruzioni console.log(), incluso l'inserimento rapido di codice per registrare una variabile selezionata.

18. Code Spell Checker è un'estensione per il correttore ortografico del codice rapido.

19. GitLens è uno strumento utile per visualizzare le informazioni sulla cronologia del codice in modo da poter tenere traccia di quando sono state apportate modifiche e da chi.

20. Path Intellisense è uno strumento per completare automaticamente i nomi dei file quando viene immessa una riga.

21. Più carino è un'estensione per la formattazione automatica del codice e per portare le sue varie sezioni in un unico modulo.

22. VSCode-Icons: aggiungi icone visive all'albero dei file per una ricerca più semplice e una migliore percezione visiva.

Ovviamente, non dovresti installare tutto da questo elenco. Alcune di queste estensioni possono essere definite intercambiabili, mentre altre richiedono esperienza con strumenti più semplici.