9 extensions de codi Visual Studio que faciliten encara més la programació

9 extensions de codi Visual Studio que faciliten encara més la programació

El codi Visual Studio de Microsoft és un dels millors editors de text lliure disponible ara mateix. Combina un conjunt de funcions completes amb relativa facilitat d’ús i el rendiment és sorprenentment bo per a una aplicació Electron. Una de les raons per les quals la gent l’estima, per sobre de les raons a banda, és la seva extensibilitat.





Com molts altres editors de text populars, Visual Studio Code té una gran quantitat d’extensions disponibles per personalitzar el seu comportament. Aquests poden alterar massivament el funcionament i la sensació del Visual Studio Code, com afegir lligaments de tecles a l'estil Vim o Emacs. Amb aquesta llista, hem recopilat només alguns dels nostres preferits.





Com instal·lar les extensions de codi de Visual Studio

Per si no esteu familiaritzats, és fàcil instal·lar extensions a Visual Studio Code. Feu clic a Extensions icona a la part esquerra de la pantalla. És la cinquena icona cap avall, immediatament a sota de la icona de depuració.





Ara només cal que escriviu el nom o la part del nom de l'extensió que voleu instal·lar. Feu clic al nom per llegir la visió general de l'extensió i, a continuació, feu clic a Instal·la icona per instal·lar-lo.

1. Visual Studio IntelliCode

Desenvolupat per Microsoft DevLabs, Visual Studio IntelliCode és una extensió que reclama la intel·ligència artificial per ajudar-vos a codificar. Actualment, l'extensió és compatible amb Python, JavaScript / TypeScript i Java.



si fas amistat amb algú a Facebook, pots tornar-lo a fer amic

Si abans heu utilitzat Intellisense a Visual Studio o Visual Studio Code, tindreu una idea de què podeu esperar. La diferència aquí és que es tracta essencialment d’una idea encara més intel·ligent d’aquesta idea.

Aquesta extensió encara es troba en les primeres etapes del desenvolupament i ja és impressionant. Un cop hagi passat més temps en desenvolupament, fins i tot és possible que ho vegeu incorporat directament a Visual Studio Code.





2. Sincronització de la configuració

La majoria de les persones que utilitzen un editor de text regularment fan almenys alguns ajustaments a la seva configuració. Molta gent va encara més enllà, personalitzant-lo perquè s’adapti al seu estil de treball personal. Si treballeu amb freqüència en més d'una màquina, pot ser frustrant fer aquests ajustaments manualment.

Sincronització de la configuració pretén resoldre aquest problema. Mitjançant un senzill GitHub Gist, Sincronització de configuració, sincronitzeu la vostra configuració. Això inclou altres extensions i les seves configuracions, de manera que tota la configuració acaba sent portàtil. Feu alguns canvis en una màquina, sincronitzeu la configuració i els podeu sincronitzar fàcilment en altres màquines.





La configuració de la sincronització de la configuració triga uns quants minuts i, per tant, no cal que hi torneu a pensar. Les instruccions per configurar-lo estan disponibles a través de la visió general de l'extensió a Visual Studio Code.

3. Path Intellisense

Si utilitzeu Visual Studio Code per editar fitxers de configuració personal o del sistema, Path Intellisense pot ser un salvavides. En poques paraules, l'extensió afegeix una finalització a l'estil Intellisense als noms de fitxer, cosa que us permet escriure fàcilment noms de camins llargs sense haver de dedicar-los a la memòria.

Aquesta és una extensió relativament senzilla, però té algunes opcions de configuració. Podeu escollir si voleu afegir una barra inclosa després dels noms de directori, per exemple. Altres opcions inclouen si s’inclouen o no els noms de fitxer a les declaracions d’importació i la possibilitat d’ignorar determinats tipus de fitxers.

4. Explorador de tasques

El Explorador de tasques L'extensió afegeix funcions d'execució de tasques a l'estil IDE a Visual Studio Code. Això inclou principalment tasques de construcció per al vostre projecte actual, però també pot incloure bash, Python i altres scripts.

Task Explorer admet un bon nombre d’eines de compilació estàndard. Aquests inclouen NPM, Grunt, Gulp, Ant, Make i el mateix Visual Studio Code. L'extensió es pot personalitzar, cosa que us permet personalitzar el camí de cada corredor de tasques i el llenguatge de seqüència. Això és útil si teniu instal·lades diverses versions i voleu utilitzar una versió específica.

5. GoLens

Visual Studio Code compta amb la integració de Git fora de la caixa, com ja hem esmentat anteriorment, és possible que no necessiteu absolutament aquesta extensió. Dit això, GoLens afegeix diverses funcions que us ajuden a visualitzar, navegar i entendre l'historial de Git del vostre projecte.

Entre altres funcions, GitLens afegeix una potent visualització dividida que us ajuda a visualitzar fàcilment la diferència entre els compromisos i les sucursals. L'extensió també us permet fer cerques a través d'un historial de confirmacions de projectes, cercant per autor, fitxers, missatges de confirmació i molt més.

Altres funcions inclouen un mapa de calor a la canaleta de Visual Studio Code que us permet veure fàcilment on s’està treballant més en un fitxer determinat. La conclusió és que si confieu molt en Git, almenys hauríeu de provar aquest complement.

com es pot gravar el registre a Snapchat sense que ho sàpiguen

6. Més bonic

Si sou un desenvolupador frontal, i sobretot si heu de seguir una guia d’estil, Més bonic pot ser el vostre nou millor amic. L'extensió Prettier forma automàticament JavaScript, TypeScript i CSS mitjançant l'eina de format de codi del mateix nom.

Prettier agafa el codi que escriviu i el reescriu seguint un estricte conjunt de pautes de format. L'extensió és 'opinada', és a dir, pren diverses decisions per si sola, però podeu utilitzar l'extensió amb les eines eslint o tslint per assegurar-vos que segueixi la vostra configuració de linting.

7. Coloritzador de parells de suports

Coloritzador de parells de suports és un complement que es descriu bé pel seu nom. Coloritza automàticament certs caràcters per ajudar-vos a saber fins a quin punt hi ha un fragment de codi determinat. Hi ha diversos idiomes disponibles, de manera que és gairebé segur que s'admet l'idioma escollit.

Per defecte,

()

,

[]

, i

{}

coincideixen, però també podeu definir altres caràcters entre claudàtors que vulgueu que coincideixin. Aquest tipus de connectors solen ser molt polaritzadors, però si no esteu segur de si us agradaria o no, proveu Bracket Pair Colorizer.

8. Temps de codi

Us heu preguntat mai quantes hores a la setmana passeu a l’editor de text? Què passa amb el millor moment del dia o del dia de la setmana per a una programació òptima? Si alguna vegada us heu preguntat sobre aquestes o qualsevol altra mètrica, Temps de codi és per a tu.

Code Time mesura la vostra activitat a Visual Studio Code i us informa de les activitats anteriors, així com d'altres mètriques. Veureu mètriques en temps real a la barra d’estat i hi ha un tauler de l’editor per a una millor visualització.

Podeu configurar Code Time perquè us enviï un informe setmanal de correu electrònic, mentre que la integració de Google Calendar us permetrà reservar automàticament temps per als vostres millors horaris de programació, no fos cas que les reunions els arruïnin.

9. Client REST

Tant si sou un desenvolupador web frontal com si passeu la major part del temps al servidor, probablement us heu trobat amb casos en què necessiteu provar una API REST. Hi ha connectors del navegador per a això i moltes altres eines, però si passeu la major part del temps en un editor de text, per què no teniu el client disponible allà on us sentiu més còmode?

Aquesta és una extensió relativament senzilla que fa el que pretén fer. Podeu enviar sol·licituds HTTP i enviar ordres cURL fàcilment. Per a l’autenticació, l’extensió admet autenticació bàsica, autenticació resum, certificats de client SSL i molt més.

Sigues més productiu en Visual Studio Code

Aquestes extensions són només el començament, sobretot si no coneixeu Visual Studio Code. En primer lloc, hi ha moltes més extensions disponibles. En la majoria dels casos, hem evitat específicament les extensions específiques de l'idioma, però n'hi ha moltes disponibles. Tant si codifiqueu en JavaScript, C ++, Go o en un altre idioma, trobareu extensions que us poden facilitar la feina.

També hi ha moltes maneres de fer més ràpidament a Visual Studio Code. Per ajudar-vos a començar, tenim una llista de consells essencials per fer-vos més productiu a Visual Studio Code.

Compartir Compartir Tweet Correu electrònic Suprimiu aquests fitxers i carpetes de Windows per alliberar espai al disc

Necessiteu buidar l’espai del disc a l’ordinador Windows? A continuació, es mostren els fitxers i carpetes de Windows que es poden esborrar amb seguretat per alliberar espai al disc.

Llegiu a continuació
Temes relacionats
  • Programació
  • Visual Studio Code
Sobre l'autor Kris Wouk(118 articles publicats)

Kris Wouk és músic, escriptor i qualsevol cosa que es digui quan algú fa vídeos per al web. Un entusiasta de la tecnologia durant tot el temps que recorda, definitivament té dispositius i sistemes operatius preferits, però en fa servir tants d’altres com sigui possible, només per estar atrapat.

enviar correu electrònic al mòbil
Més de Kris Wouk

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us