Benvenuti nella quarta (e ultima) serie dedicata alle “extension” di Visual Studio Code.
Oggi vi delizierò con qualche “chicca” molto utile per il ottimizzare e ridurre sensibilmente i tempi di “coding”.
1) Peacock
https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
Ti sarà sicuramente capitato di lavorare con più instance aperte di VS; ti sarà capitato anche di andare in confusione perchè non riesci a trovare il progetto che ti serve.
Ecco che il grande John Papa ha sviluppato Peacock, che mira a risolvere questa problematica consentendo di assegnare i colori della barra degli strumenti per un determinato progetto.
2) Auto Rename Tag
Questa estensione è così semplice che è davvero sorprendente che non sia stata inclusa nella versione di default di Visual Code.
Con l’estensione di seguito abilitata, puoi ora rinominare un tag in HTML e far rinominare il tag di chiusura in automatico:
3) Angular Language Service
https://marketplace.visualstudio.com/items?itemName=Angular.ng-template
L’estensione Angular Language Service è gestita direttamente dal team Angular e fornisce il completamento del codice e il supporto per la definizione di go-to all’interno di modelli HTML. Non dovrai più ricordarti come hai chiamato un particolare oggetto; iniziando a scriverlo tale estensione ti darà la funzionalità di autocompletamento e … il gioco è fatto.
4) Ionic 4 Snippets
https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets
Così come per l’estensione di Angular, Ionic 4 Snippet completerà per te i tag dei componenti nel tuo codice HTML e anche qualche snippet lato codice e CSS. Questo ti farà risparmiare un botto di tempo, evitando di consultare assiduamente la documentazione (ovviamente se li ricordi tutti i tag ben per te :D).
Lavora anche con Ionic 3.
5) Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
Questo è autoesplicativo ma estremamente utile: rileva errori di ortografia nei file di codice. Spesso trovo che questo aiuti a catturare bug non intenzionali facendo un refuso in un nome di variabile che TypeScript non catturerebbe altrimenti (come nei template).
Ecco un veloce reminder sulle puntate precedenti (nel caso avete voglia di rivederle o non avete avuto tempo di guardarle ancora):
Con questo articolo si chiude (per ora) la mini-serie dedicata alle extension di Visual Studio Code.
Se siete interessati ad avere suggerimenti o pareri su qualche extension in particolare commentate, sarà un piacere aiutarvi a scegliere la retta via 🙂
