Guadagna con il codice di Visual Studio

Visual Studio Codice è di gran lunga l’IDE più utilizzato dagli sviluppatori. Non sono io che lo dice, sono i numeri. C’è una buona possibilità che sia il tuo strumento di lavoro quotidiano. Ma sai quanto puoi risparmiare con?

Emmet

Iniziamo con cose di base che non sono così così usate così tanto. Iniziamo con il tuo nuovo migliore amico: Emmet. È fondamentale integrato con il codice di Visual Studio e tutti lo ignorano.

Emmet è un piccolo strumento con cui è possibile scrivere più codice più velocemente. Ti permette di abbreviare gli armadi in poche lettere. Non usare Emmet quando fai HTML o CSS è soggetto a prigione. È davvero un must.

Cosa c’è interessante con Emmet è che cercherà davvero di indovinare cosa stai cercando di fare. Ad esempio, se si nasce “P10” in una proprietà CSS, va immediatamente per capire che si desidera un imbottitura di 10 px. Controllare questo GIF pompato sul documento ufficiale.

Visual studio codice

Quando vedo che le persone non usano Emmet sul codice studio visivo e scrivi tutto, Voglio toccare molto duramente e ripetutamente sulla tastiera. Ma mi tratto.

Nel frattempo ti invito fortemente a vedere tutto ciò che Emmet ti offre con questo grande cheatsheet. C’è per tutti ed è su questo ti farà risparmiare tempo. Cosa ti farà guadagnare ancora più tempo Sono le scorciatoie.

Le fresche scorciatoie

Non conosco tutte le scorciatoie del codice Visual Studio. io significa guardare le scorciatoie da imballaggio, ci sono tre miliardi. Se ti faccio tutte le scorciatoie, ti addormenterà.

Ti parlerò di quelli che uso tutto il tempo e mi rendono G Agriere del tempo. Ciò che ti consiglio è apprendere le scorciatoie che ti consentono di manipolare rapidamente i codici e / o modificare più righe di codice contemporaneamente. L’obiettivo è toccare il mouse il meno possibile. Entrambe le mani sul volante e accelerano.

Velocità

Se hai il pigro per imparare scorciatoie, capisco, è un po ‘rilassante. Ma fai almeno lo sforzo per i prossimi quattro. Non sto scherzando, ti farà davvero risparmiare un pazzo. Un rapido esempio di come ti farà risparmiare tempo permanentemente con un GIF fatto da solo.

Codice studio visivo

  • Manipolazione della selezione

Ti consente semplicemente di prendere suggerimenti di codici e spostarli in modo rapido La tua indentazione: dopo la selezione = > ALT + UP o ALT + Down

  • Duplicazione selezione

Lo stesso come In precedenza, ma questa volta la sezione diventa assolutamente duplicata: dopo la selezione = > shift + alt + up o shift + alt + down

  • rimozione della linea

Ci troviamo frequentemente per eliminare le linee, il modo più veloce per farlo è tramite questa scorciatoia: senza selezione = > ctrl + x

  • Modifica per occorrenza

Devi spesso cambiare le stesse occorrenze di blocco, è possibile tessera Re un grande ricercato / sostituito o semplicemente Utilizzare questa scorciatoia: dopo la selezione di un’istanza: Ctrl + D

Questa è davvero le scorciatoie magiche che uso tutto il tempo e quale M “ha salvato 10 anni di tempo. Ancora una volta, ce ne sono molti altri. Fai il tuo mercato e fai lo sforzo di imparare coloro che ti amano. Credimi il tempo investito in questo chore pagherà enormemente in futuro.

Puoi persino impararli in modo interattivo! Con questo sito hai un sistema di test / errori iper semplice per imparare rapidamente tutte le scorciatoie. Ci vuole poco tempo e diventa veloce!

Utilizzare gli strumenti integrati

senza configurazione e nessun plugin, Visual Studio Codice è dotato di tre strumenti principali. Sono tutti e tre completamente essenziali.

Prima abbiamo Intelense. Quindi, francamente, tutti lo usa un minimo. Ma vale la pena ricordarlo per i tre in basso che ancora non capisce il tempo con cui vinceranno. Non dovresti mai eseguire come file come file per scoprire cosa puoi fare con oggetto o metodo.

Velocità

Concremente l’Intelisse ti consentirà il completamento del codice in modo intelligente.Ti troverà tutti i metodi disponibili per il tuo oggetto corrente e ti offriranno anche informazioni sul metodo corrente. Stessa, carcere solidale se non lo usi. Go hop ancora un gif pompato!

Codice studio Visual Studio

Poi c’è il terminale integrato del codice Visual Studio che è super pratico. Basta utilizzare le scorciatoie CTLR + “e Visual Studio Studio, ti renderà un terminale di controllo. Questo ha generato il primo sistema di terminale di controllo che trova nel tuo sistema operativo. Nota che è possibile configurarlo anche.

Personalmente, esso Mi serve rapidamente testare gli script o un pezzo di codice senza dover effettuare il viaggio di andata e ritorno con il terminatore. A volte generano un piccolo server web per farla rapidamente anche sugli affari. È davvero molto conveniente. Controlla un GIF fatto da solo con amore dei supereroi.

Codice studio Visual Studio

p> Alla fine troviamo un debugger nel codice di Visual Studio. È incredibilmente pratico e spesso mi salva la vita oltre a un sacco di tempo.

Quindi, grande disclaimer, sono il primo a vedere il grande over in generale. Ho messo grande console.log ovunque come un grande sporco. E siamo onesti, spesso bastano. Ma quando Non è abbastanza, invece di infuriare, uso il debugger integrato del codice Visual Studio. È molto semplice da configurare.

Prima inserisci i punti di arresto in cui si desidera sostare il programma. Quindi premi semplicemente F5. Creerà un file di lancio.json in background che sarà la tua configurazione per il debug. Non hai nulla da fare, da questo programma verrà eseguito e si fermerà ai punti stop in precedenza.

Alla fine hai più che spendere il mouse sulle variabili per ispezionare e premere F11 per andare al prossimo punto di arresto. Vai ancora un gif fatto da me stesso per mostrarti come funziona.

SUPERTOTO

Se si desidera eseguire il debug di un’intera app con un server Web, hai un piccolo tocco al file di avvio.json che ti serve come configurazione. Niente insormontabile per un hackerman come te è certo. D’altra parte, se vuoi fare il debug per la NASA, può diventare rapidamente estremo. Fortunatamente, c’è sempre un pazzo che lo ha fatto prima per te.

Estensioni

Finora abbiamo parlato di cose completamente native al codice studio visivo. Se iniziamo dai plugin, ci facciamo la Fifisas.

Gitlens
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Se ti sbatti Git, come la maggior parte degli sviluppatori, dovresti installare questa estensione. Questa estensione esegue la scansione di tutto il codice corrente e visualizza tutte le informazioni relative alla versione. Chi ha comitato, quando, tale nome di impegno, quale ramo ecc. È diventato così indispensabile per me che avessi dimenticato che era un plugin. Controlla questa bella gif fatta da me.

gitlens

QUOKKA
https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode

Quokka eseguirà costantemente il tuo programma e ti mostrerà in tempo reale il risultato del tuo codice. Lo usivo costantemente per verificare che la mia cosa abbia senso mentre io codivo. Esempio dal vivo con GIF pompato sulla pagina ufficiale.

codice studio visivo

Quokka ha sfortunatamente un grande punto nero, la versione gratuita non consente di funzionare sui file registrati. Quindi puoi usarlo solo su un nuovo file che viene registrazione.

Live server
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Live Server consente Per avviare un Mini Server che effettuerà ricarica a caldo a ciascuna delle modifiche sulla tua pagina HTML. Esercitati per prototipare la tua pagina e vedere le modifiche in tempo reale. Bella gif della documentazione ufficiale.

server live

Codice Controllo ortografico https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

I tuoi linguaggi di programmazione sono tutti in inglese. Quindi anche il tuo codice, tutti i tuoi nomi di variabili, funzioni e file. Codice Spell Checker controllerà ciascuna di queste parole e controlla se sono ben scritti. Installarlo, sarà sicuramente scioccato dal numero di errori inglesi che fai nel tuo codice! Finiamo anche con un GIF della documentazione anche.

Code Checker Spell

Questo è tutto per i plugin che non posso fare a meno della codifica. Ovviamente passo i plugin dedicati a un linguaggio o un formatore di codici.Ad esempio, uso snippet javascript e standardjs.

Avrai un plugin dedicato alla tua lingua e alla tua politica di codice. Trovali e installarli, è importante.

Epilogue

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *