NewsProfessione webTech

Visual Studio Code Extensions Series – 4° week

Visual Studio Code Extensions Series – 4° week 1
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.
Visual Studio Code Extensions Series – 4° week 2

 

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:
Visual Studio Code Extensions Series – 4° week 3

 

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.

Visual Studio Code Extensions Series – 4° week 4

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 🙂

Leave a Response

Valerio Pisapia
Valerio Pisapia, 34 anni, laureato in Ingegneria Informatica all’Università di Napoli Federico II. Ha esperienza decennale nello sviluppo mobile e web in ambito internazionale. Fornisce training e mentoring per progetti di svariata natura. Founder di una startup IT in Svizzera che si occupa di consulenza specializzata in ambito Web.
Translate »

Su questo sito utilizziamo strumenti nostri o di terze parti che memorizzano piccoli file (cookie) sul tuo dispositivo. I cookie sono normalmente usati per permettere al sito di funzionare correttamente (cookie tecnici), per generare statistiche di uso/navigazione (cookie statistici) e per pubblicizzare opportunamente i nostri servizi/prodotti (cookie di profilazione). Possiamo usare direttamente i cookie tecnici, ma hai il diritto di scegliere se abilitare o meno i cookie statistici e di profilazioneAbilitando questi cookie, ci aiuti ad offrirti una esperienza migliore con noi. 

 

>> Cookie Policy <<