Cele mai bune pluginuri de adăugat la Visual Studio Code

Când vine vorba de a intra în lumea interesantă a dezvoltării aplicațiilor, putem folosi o multitudine de limbi pentru a face acest lucru. Există unele specifice pentru anumite sarcini, pe lângă altele mai generice. În plus, trebuie să selectăm editorul de cod pe care dorim să îl folosim în echipa noastră și care să corespundă nevoilor noastre. aici una dintre alegerile pe care le putem face este Codul Visual Studio .

Aceasta este o soluție excelentă oferită de gigantul software Microsoft, feluri de mâncare atât pentru utilizatorii începători care încep în acest sens, cât și pentru cei mai profesioniști. Pentru a ne face o idee, aici vorbim despre Visual Studio Code, un editor de cod dezvoltat chiar de Microsoft. Avem capacitatea de a-l instala și de a-l rula ferestre din , Linux și macOS- calculatoare bazate pe.

cele mai bune pluginuri de adăugat la Visual Studio Code

Caracteristici importante pe care le integrează Visual Studio Code

După cum vă puteți imagina într-un software de aceste caracteristici și importanță, acesta ne oferă o multitudine de funcții care ne vor ajuta în dezvoltarea codului. Dar asta nu este tot, deoarece pe lângă funcțiile pe care le prezintă, se caracterizează prin faptul că are o mare stabilitate și este ușoară. Prin urmare, devine cel mai preferat editor de text pentru aceste sarcini.

De asemenea, acest editor open source este pe mai multe platforme și este foarte popular în comunitatea de dezvoltare software. Ca o curiozitate, vă vom spune că este Beta versiunea a fost lansată la sfârșitul anului 2015, iar prima versiune stabilă a fost lansată în aprilie 2016. Este, de asemenea, important să știm că Visual Studio Code este compatibil cu un număr mare de limbaje de programare. Prin urmare, aceasta nu va fi o problemă pentru majoritatea dezvoltatorilor.

Editorul are suport pentru depanare, control Git încorporat, evidențierea sintaxei, completarea codului inteligent etc. Trebuie spus că ne prezintă o interfață destul de personalizabilă, care permite utilizatorilor să schimbe tema sau comenzile rapide de la tastatură, printre alte lucruri.

Interfața Visual Studio Code

După cum vă puteți imagina, toate acestea facilitează munca aici datorită faptului că putem adapta software-ul la nevoile sau preferințele noastre. De asemenea cunoscut ca si VScode , acest editor a reușit să distrugă mulți alții care fuseseră stabiliți între noi de ani de zile, un program pe care îl putem descarca de aici .

Un alt avantaj pe care ni-l oferă această platformă este acela că ne permite să-i sporim considerabil funcționalitatea, exact despre asta vom vorbi mai jos.

Pluginuri pentru îmbunătățirea funcționalității VScode

Așa cum este obișnuit în multe alte soluții de același tip, Visual Studio Code ne oferă posibilitatea de a utiliza suplimentar Plugin-uri. Dacă luăm în considerare faptul că ne confruntăm cu unul dintre cei mai utilizați editori de coduri de astăzi, să spunem că unul dintre motivele pentru acest lucru este numărul de pluginuri disponibile.

Tocmai din acest motiv, mai jos vă vom arăta câteva dintre aceste cele mai importante și utile extensii pe care le puteți utiliza în VScode. După cum spunem, numărul acestor elemente suplimentare este foarte mare, deci, în funcție de tipul de lucru sau de utilizare pe care îl faceți din program, unul sau altul vă pot fi de folos.

Redenumire automată a etichetei

Vom începe această selecție de extensii sau pluginuri cu eticheta de redenumire automată. Merită menționat faptul că, în ciuda simplității sale, dacă ceva caracterizează acest element, acesta este utilitatea pe care o oferă. Practic, ceea ce face această extensie este să schimbe automat numele unei perechi Etichetă HTML / XML.

Redenumire automată a etichetei

Datorită utilizării pe scară largă a acestor etichete, este foarte util datorită timpului pe care ne va salva. Avem posibilitatea de a obține acest plugin direct de la acest link .

Etichetă de închidere automată

Automatizarea sarcinilor în acest tip de programe și platforme de dezvoltare este una dintre funcțiile cele mai apreciate de utilizatorii obișnuiți. Trebuie să avem în vedere faptul că, atunci când scriem cod, uneori este destul de repetitiv. Astfel, cu acest plugin oferim Visual Studio Code cu suport pentru etichete închise pentru HTML , Ghidon și fișiere Razor.

Etichetă de închidere automată

În același timp, trebuie să știm că extensia este activată pentru alte limbi, cum ar fi XML, PHP, JavaScript, TypeScript, etc. de aici .

Deschis în browser

În acest moment trebuie să știm că VSCode nu are nicio interfață integrată pentru a deschide fișiere direct din browser web . De aici tocmai importanța sau utilitatea pe care ne-o va aduce acest plugin despre care vom vorbi. Acest lucru se datorează faptului că această extensie adaugă o nouă opțiune programului numit Deschidere cu browserul implicit.

Deschis în browser

Adăugarea o vom găsi în meniul contextual , precum și comenzile rapide de la tastatură pentru a le deschide în browserul pe care îl folosim de obicei pe sistem. Avem posibilitatea de a testa toate acestea până la descărcând extensia de aici .

quokka

În acest alt caz pe care vă vom expune să îl utilizați în Visual Studio Code, vorbim despre Quokka. De fapt, este un instrument de depanare care ne oferă feedback în timp real cu privire la codul pe care îl scriem în acest moment. În același timp, ne arată previzualizările rezultatelor funcțiilor și valorile calculate ale variabilelor.

quokka

Din acest motiv vă puteți imagina că acest plugin poate fi foarte util în anumite circumstanțe. De asemenea, este foarte ușor să configura și funcționează cu JSX și manuscris dactilografiat proiecte. Îl putem descărca de la această legătură .

GitLens

Ceva pe care, cu siguranță, mulți dintre voi ați reușit să-l verificați din prima mână este că acest editor se adaptează perfect tuturor sistemelor de operare. De asemenea, oferă tot felul de funcționalități pentru a ne ușura lucrurile atunci când ne dezvoltăm propriile noastre Proiecte . Dar este, de asemenea, adevărat că unele lucruri încă lipsesc, deși pentru asta putem folosi aceste extensii.

GitLens

Acesta este cazul GitLens , un plugin care adaugă îmbunătățiri experienței de utilizare a unui editor de cod ca acesta Microsoft . Datorită acestui fapt, vom putea vedea cine a schimbat linia de cod la care lucrez chiar acum și când au făcut-o. În același timp, putem vedea istoricul modificărilor fiecărui fișier, diferențierea între diferite modificări etc. Pentru a adăuga această extensie o puteți face de aici .

VSCODE FAKER.

Această propunere super interesantă de acest tip care ne permite să introducem cu ușurință și rapid exemple de date în proiectul nostru. Pentru aceasta, folosește biblioteca Faker JavaScript și putem genera nume aleatorii , adrese, imagini , numere de telefon etc. În același timp, merită menționat faptul că fiecare categorie are mai multe subcategorii pentru a localiza cât mai repede conținutul pe care îl căutăm. Pentru a testa toate acestea, le puteți face de pe acest link ( https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker ).

escroc

Tema pictogramelor materiale

De asemenea, poate fi cazul să avem nevoie să schimbăm puțin aspectul editorului pentru a-l personaliza sau a ne simți mai confortabil. Tocmai pentru aceasta putem folosi pluginul sub forma unei teme pentru a fi adăugat la Visual Studio Code. De fapt, aici ne referim la o temă care ne oferă o mai minimalist și interfață ușor de utilizat. În cazul în care doriți să o încercați, o puteți face de aici .

Tema pictogramelor materiale