De vegades, la codificació pot semblar com resoldre un trencaclosques complicat. De vegades, aquest trencaclosques es redueix a 'identificar les diferències'. Visual Studio Code (VS Code) us permet comparar elegantment el contingut de dos fitxers en uns quants passos senzills. Aquesta guia us mostrarà com de fàcil és comparar dos fitxers diferents a VS Code. També hi haurà altres funcions enginyoses que podrien fer que la codificació sigui molt més convenient.
Comparació de dos fitxers al codi VS
Abans de comparar el contingut de dos fitxers, heu d'obrir tots dos a Visual Studio Code. A continuació s'explica com fer-ho per als fitxers del vostre sistema:
- Obriu els dos fitxers que voleu comparar a VS Code. Per fer-ho, feu clic als fitxers del tauler de l'explorador esquerre.
- Feu clic amb el botó dret a la pestanya del primer fitxer que voleu comparar.
- Al menú del botó dret que apareix, trieu l'opció Selecciona per comparar.
- Feu clic amb el botó dret a la pestanya del segon fitxer que voleu veure a la part dreta de la pantalla.
- Seleccioneu 'Compara amb els seleccionats' per veure les diferències.
De la mateixa manera, podeu comparar fitxers i editors no desats. Trieu el primer editor, feu clic a 'Selecciona per comparar' i després a 'Compara amb els seleccionats' al segon editor.
Compareu diferents versions de Git
Comparar diferents versions de repositoris de Git és lleugerament diferent que comparar fitxers a la vostra pròpia màquina. Pots fer-ho d'aquesta manera:
com saber si el telèfon està bloquejat
- Aneu a la vista de l'Explorador.
- Seleccioneu el fitxer que voleu explorar a través de l'historial de versions de Git.
- Feu clic a la vista de la línia de temps per ampliar-la i feu clic a 'Git View File History'.
- Feu clic a la confirmació de Git per veure com ha canviat el fitxer.
Compara dues carpetes
No us limiteu només a comparar fitxers a VS Code. A continuació, es mostra com podeu comparar el contingut de dues carpetes:
- Cerqueu i baixeu l'extensió 'Carpetes diferents' des de la consola d'extensions.
- Obriu la vista de carpeta Diff des del vostre menú.
- Seleccioneu les carpetes que voleu comparar.
- Feu clic a 'Compara' i ara apareixerà el contingut.
Detectant les diferències
Un cop trieu dos fitxers per comparar VS Code, veureu les diferències destacades al vostre editor. D'aquesta manera, podeu saber ràpidament què ha canviat al codi. Utilitzeu les fletxes de la barra d'eines per navegar pels canvis. En aquest punt, podeu analitzar els canvis, depurar i determinar quins voleu conservar o descartar.
Combinació de canvis
Si teniu canvis en un fitxer que voleu incorporar a un altre, hi ha una manera senzilla de fer-ho. Tot el que heu de fer és trobar la icona de combinació a la barra d'eines i fer-hi clic per combinar els dos fitxers.
Explicació del visualitzador de diferències
Amagat dins de Visual Studio Code hi ha un potent visor de diferències que permet als usuaris comparar dues versions del mateix fitxer o dos fitxers completament diferents. Aquesta eina no només mira alguna cosa una al costat de l'altra, sinó que fa que sigui fàcil saber què ha canviat en un obrir i tancar d'ulls amb aspectes destacats convenients.
Quan s'ha eliminat alguna cosa d'un fitxer, obté un fons vermell brillant al costat esquerre i un patró en angle a la dreta. Si hi ha addicions al segon fitxer (si trieu el fitxer més nou o antic com a segon), busqueu un patró en angle a l'esquerra i un fons verd en negreta a la dreta. Quan només s'hagin modificat parts d'una línia, tindran un fons vermell i verd clar, de manera que no us perdeu de veure on es troben els canvis. D'aquesta manera, podeu detectar ràpidament les diferències i decidir quins canvis preferiu.
Diferències de llenguatge de programació conscients
El visualitzador de diferències de Visual Studio Code adopta un enfocament eficaç línia per línia per comparar fitxers i ressaltar els caràcters modificats. Aquest és un mètode provat i veritable que potser us resulta familiar si heu utilitzat alguna vegada eines com Notepad++ i els seus complements de comparació. No obstant això, els llenguatges de programació que permeten punts i coma o salts de línia opcionals poden ser problemàtics per a aquest sistema, ja que les diferències es tornen força sorolloses, amb edicions trivials que embruten la pantalla.
Per combatre aquest problema, hi ha una extensió coneguda com SemanticDiff, que va més enllà de la simple comparació de text i analitza el codi del fitxer, avaluant la seva representació del compilador. D'aquesta manera, podeu veure més enllà dels petits canvis que no influeixen en el programa i, en canvi, identificar directament el codi mogut alhora que proporcioneu una visió molt més clara del que importa a la diferència. És semblant a tenir un editor capaç que entengui les complexitats del llenguatge de codificació. Filtra els aspectes sense importància i presenta els ajustos que fan una diferència real un cop compilat el codi.
Si voleu obtenir més informació sobre els canvis de codi, instal·leu SemanticDiff des del mercat de VS Code i canvieu al mode de diferència intel·ligent per veure les diferències del vostre codi amb més precisió.
Cerca i substitueix
A més de comparar, cercar text específic dins d'un fitxer o entre diversos fitxers és una altra tasca que probablement faràs amb freqüència. La funcionalitat de cerca i substitució de VS Code és robusta amb diverses opcions avançades:
- Premeu Ctrl+F per obrir el widget de cerca a l'editor per cercar dins del fitxer actual. Podeu moure't pels resultats i fins i tot crear la cadena de cerca de la selecció.
- Executeu l'operació de cerca al text seleccionat fent clic a la icona de tres línies (hamburguesa) del giny de cerca o establint 'editor.find.autoFindInSelection' a 'sempre' o 'multilínia'.
- Podeu analitzar el text al quadre d'entrada de cerca per cercar text de diverses línies. També podeu canviar la mida del giny de cerca.
- Premeu Ctrl+Maj+F per cercar tots els fitxers de la carpeta que teniu oberta actualment. Podeu utilitzar les opcions de cerca avançades i la sintaxi del patró glob.
- Coincidir entre majúscules i minúscules, fer coincidir la paraula sencera, l'expressió regular i la conservació de majúscules i minúscules són algunes de les opcions avançades per trobar i substituir.
Cerca entre fitxers
Si busqueu alguna cosa en particular en diversos fitxers del projecte, VS Code us té. Podeu cercar ràpidament tots els fitxers de la carpeta actual amb Ctrl+Maj+F. Els resultats es dividiran en fitxers que continguin la consulta. També podeu ser creatiu i utilitzar cerques d'expressions regulars per obtenir resultats més concrets.
Integració de la comparació de fitxers amb altres funcions
El poder de les eines de diferència dins de VS Code va més enllà de la comparació de fitxers. Obre moltes possibilitats de codificació integrada. En unificar funcions com ara l'emmagatzematge automàtic, la sortida activa i la cerca avançada, podeu treballar perfectament en un projecte mentre compareu diferents versions de fitxers i cerqueu funcions específiques en diversos fitxers.
A més, podeu modificar els fitxers de configuració amb absoluta seguretat que els vostres canvis persistiran. No us haureu de preocupar pels canvis no desats si l'aplicació està tancada. Hot Exit els recorda a tots. Totes aquestes funcions combinades us ofereixen un control complet de totes les versions i canvis dels vostres fitxers.
Compara amb cura
Algunes tasques de codificació poden semblar més servicials i tedioses que altres, i comparar dos fitxers és una d'aquestes tasques. Però les eines i mètodes diferencials de VS Code per comparar diferents tipus de dades ho fan més fàcil i agradable. Els aspectes destacats fàcils de veure us guien a través de tots els canvis entre dos fitxers i us permeten experimentar amb diferents versions de codi, totes elles excel·lents per a la depuració, l'anàlisi i el control de versions.
Els vostres projectes requereixen un control estricte de versions i una comparació freqüent de fitxers? Tens algun consell o truc sobre els mètodes de comparació de codi? Comparteix els teus pensaments i idees als comentaris a continuació.
