Com comparar dos fitxers de text: una guia pràctica per a desenvolupadors

Aprèn a comparar dos fitxers de text utilitzant potents eines de línia de comandes, editors de text visuals i pràctics verificadors de diferències basats en el navegador. Domina el teu flux de treball.

Com comparar dos fitxers de text: una guia pràctica per a desenvolupadors

Comparar dos fitxers de text pot semblar bàsic, però és una habilitat que els desenvolupadors utilitzen cada dia. Ja sigui que estiguis a la línia de comandes amb una eina com diff, utilitzant un editor visual com VS Code, o simplement necessitant una comprovació ràpida en una utilitat basada en el navegador, dominar això pot estalviar-te un món de maldecaps. És com detectes canvis de codi no desitjats, busques errors de configuració i et assegures que les teves dades són exactament el que penses que són.

Per què val la pena dominar la comparació de fitxers?

Anem al gra—"diferenciar" fitxers és una constant en la vida d'un desenvolupador. És l'esquelet del control de versions, el primer pas per depurar un problema misteriós, i la darrera comprovació abans de fer un actualització crítica de configuració. És menys una tasca de nínxol i més una part fonamental de mantenir la qualitat del codi i assegurar que el programari sigui fiable.

Pensa-hi. Des de rastrejar una sola coma mal col·locada en un enorme fitxer JSON fins a revisar la branca de funció complexa d'un company, una bona comparació de fitxers et proporciona una història clara, línia per línia, de què ha canviat. Converteix la idea abstracta de "alguns ajustaments" en proves concretes de cada addició, eliminació i modificació. En un entorn d'equip on diverses persones toquen el mateix codi, aquesta claredat ho és tot.

Mètodes de comparació de fitxers a un cop d'ull

Abans de submergir-nos, aquesta taula et dóna una ràpida visió general. L'eina adequada realment depèn de la feina que tinguis entre mans.

Mètode Millor per Usuari típic Avantatge clau
Línia de Comandes (CLI) Scripting, automatització, pipelines CI/CD, comprovacions ràpides Administradors de sistemes, desenvolupadors de backend Velocitat i capacitat d'escriptura
Editor de Codi Revisions de codi en profunditat, tasques de desenvolupament diàries Qualsevol desenvolupador que utilitzi un IDE/editor Integració fluida del flux de treball
Eina Basada en el Navegador Comparacions ràpides i puntuals, usuaris no tècnics Qualsevol que necessiti una comparació ràpida, sense instal·lar Accessibilitat i facilitat d'ús

Cada un d'aquests enfocaments té el seu lloc, i saber quin agafar és la meitat de la batalla.

Escollint l'eina adequada per la feina

La demanda d'aquestes eines no és cosa petita. El mercat global de programari de comparació de fitxers ja estava valorat entre 1.2 mil milions i 1.72 mil milions de dòlars el 2024. Amb les pràctiques de DevOps convertint-se en estàndard, s'espera que aquesta xifra salti a més de 5.6 mil milions de dòlars per al 2033. És clar que això és una part crítica del desenvolupament modern.

Si no estàs segur per on començar, aquest petit arbre de decisions pot assenyalar-te la direcció correcta.

Diagrama de flux per escollir una eina de diferència, guiament als usuaris cap al navegador, CLI o editor segons les necessitats.

Com pots veure, la tria sovint es redueix a un intercanvi entre velocitat, automatització i integració profunda. Anem a desglossar les tres maneres principals d'abordar això:

  • Utilitats de Línia de Comandes: Aquestes són les eines potents. Pensa en diff i fc. Estan dissenyades per a l'automatització i són essencials per a scripting i pipelines CI/CD, tot i que poden semblar una mica críptiques al principi.
  • Editors de Text Visuals: Això és tot sobre la comoditat. Eines com VS Code aporten comparacions intuïtives, costat a costat, directament a l'entorn on ja estàs treballant. És perfecte per a una experiència fluida.
  • Eines Basades en el Navegador: Tens dos fragments de text que necessites comparar ara mateix? Aquesta és la teva opció. No requereixen cap instal·lació i són excel·lents per a feines ràpides i puntuals. Per a una anàlisi més detallada, una eina com l'eina de comparació dedicada de Docuwriter proporciona una solució potent basada en web.

Escollir l'enfocament adequat és una gran part del que fa que les eines de productivitat per a desenvolupadors siguin efectives. Es tracta de treballar de manera més intel·ligent, no només de produir més codi.

Dominar la comparació de fitxers a la línia de comandes

Quan necessites pura velocitat, potència i automatització, res supera la línia de comandes per comparar fitxers. Escola el soroll d'una interfície gràfica, donant-te una manera directa i scriptable de veure exactament què ha canviat. Aquest és el mètode preferit per a desenvolupadors, administradors de sistemes i qualsevol que estigui construint comprovacions automatitzades en els seus pipelines CI/CD.

La línia de comandes no és només una eina antiga; es tracta d'eficiència pura. Les utilitats modernes de comparació de fitxers poden escanejar i localitzar diferències en segons, una feina que trigarien hores a fer a mà. Aquest salt en capacitat és una gran victòria per detectar errors i assegurar-te que el teu codi o configuracions són correctes. Pots trobar més sobre l'impacte d'aquestes eines en els fluxos de treball d'avui a GlobalVision.

El comandament diff clàssic a Linux i macOS

En qualsevol sistema basat en Unix, que inclou Linux i macOS, el rei indiscutible de la comparació de fitxers és el comandament diff. A primera vista, la seva sortida pot semblar una mica críptica, però un cop te n'adones, et dones compte de com de potent és. Et diu precisament quines línies afegir, eliminar o canviar per transformar un fitxer en un altre.

Suposem que tens dos fitxers de configuració de servidor simples, config.v1.txt i config.v2.txt.

Aquí tens config.v1.txt:
SERVER_NAME=prod-app
PORT=8080
ENABLE_SSL=false

I aquí tens config.v2.txt:
SERVER_NAME=prod-app-new
PORT=8080
ENABLE_SSL=true
LOG_LEVEL=info

Si obres el teu terminal i executes diff config.v1.txt config.v2.txt, obtindràs un resultat que sembla una mica així:

Així que, què significa aquesta sortida?

  • 1c1 t'informa que la línia 1 del primer fitxer necessita ser canviada (c) per coincidir amb la línia 1 del segon fitxer.
  • Les línies que comencen amb < són del primer fitxer (config.v1.txt).
  • Les línies que comencen amb > són del segon fitxer (config.v2.txt).
  • 3a4 significa que després de la línia 3 del primer fitxer, necessites afegir (a) el contingut de la línia 4 del segon fitxer.

Comparació de fitxers a Windows amb fc i PowerShell

Els usuaris de Windows no queden exclosos; tenen un parell d'opcions natives excel·lents. L'opció antiga és fc (File Compare), un comandament de confiança que ha estat aquí durant anys. És una eina senzilla que fa la feina destacant les línies que no coincideixen.

Per comparar els nostres dos fitxers de configuració, simplement executaries fc config.v1.txt config.v2.txt. La sortida és menys detallada que diff, però et mostra clarament quines línies no coincideixen.

Per a un enfocament més modern i potent, PowerShell ens ofereix el cmdlet Compare-Object. Això és un canvi de joc perquè treballa amb objectes, no només amb text pla, fent-lo increïblement flexible.

Consell Professional: Utilitzo Compare-Object de PowerShell per a tot tipus de coses més enllà dels fitxers de text. Pots comparar la sortida de dos comandaments diferents, comprovar les diferències en processos en execució, o fins i tot analitzar estructures de dades complexes. És un veritable treballador.

Començar amb Compare-Object és fàcil. Només has d'alimentar-li el contingut dels teus fitxers:
Compare-Object (Get-Content config.v1.txt) (Get-Content config.v2.txt)

La sortida és molt més intuïtiva que les seves predecessores. Utilitza indicadors laterals (<= per al primer fitxer, => per al segon) per assenyalar exactament on són les diferències, fent-la la meva opció preferida per a qualsevol treball seriós dins de l'ecosistema de Windows.

Utilitzant el teu editor de text per a diferències visuals

Seiem a ser sincers, mentre que la línia de comandes és poderosa, no sempre és la manera més intuïtiva de veure què ha canviat entre dos fitxers. Per a molts de nosaltres que pràcticament vivim dins d'un editor de text, canviar de context només per executar un comandament diff se sent com una interrupció del flux de treball. La bona notícia? El teu editor favorit probablement té una eina fantàstica i integrada per comparar dos fitxers de text visualment.

Editors com Visual Studio Code i Sublime Text converteixen la comparació de fitxers en una experiència fluida, gairebé agradable. En lloc de squinting a la sortida de la línia de comandes, obtens una vista neta, costat a costat, on cada canvi destaca. Afegits, eliminacions i modificacions es destaquen en colors fàcils d'entendre, la qual cosa és un salvavides durant les revisions de codi o sessions de depuració a la nit.

Comparant fitxers a Visual Studio Code

Les eines de diferència de VS Code són de primera categoria, principalment perquè estan integrades directament en la seva integració de Git. Ni tan sols necessites buscar una extensió per començar; tot està disponible des del principi.

Posar en marxa una comparació és increïblement senzill:

  • Ves al panell de l'Explorador de Fitxers en el teu projecte de VS Code.
  • Troba el primer fitxer, fes clic dret sobre ell i selecciona Seleccionar per Comparar.
  • Ara, troba el segon fitxer, fes clic dret sobre ell i fes clic a Comparar amb Seleccionat.

Això és tot. VS Code obre immediatament un editor de diferències dedicat. Aquesta vista és més que només un simple costat a costat; destaca els caràcters exactes que han canviat dins d'una línia, no només tota la línia en si. Confia en mi, aquest nivell de detall és una gran ajuda quan estàs intentant detectar un error tipogràfic astut o una coma perduda.

La vista a continuació és un exemple perfecte del que veuràs quan comparis canvis en un fitxer rastrejat per Git.

Una eina de comparació de codi que mostra dos fitxers costat a costat amb diferències destacades en verd i vermell.

El llenguatge visual és clar: vermell a l'esquerra per a línies eliminades, verd a la dreta per a línies afegides. Obteniu una comprensió instantània del que s'ha modificat sense necessitat de descifrar cap símbol complex.

Aquí tens un consell basat en l'experiència: Quan estiguis a la vista de diferències de VS Code, busca les petites icones de més i menys al costat de cada canvi. Aquestes et permeten preparar o revertir línies individuals o blocs de codi. És una característica increïblement útil per construir commits nets i precisos.

Millorant Sublime Text amb Paquets

Sublime Text té un gran seguiment per la seva velocitat i interfície neta. Si bé no té una eina de diferència integrada com VS Code, és fàcil d'expandir. Per obtenir la millor experiència aquí, voldràs instal·lar un paquet. L'opció preferida durant anys ha estat Sublimerge, un paquet potent que afegeix capacitats de diferència i fusió de qualitat professional directament a l'editor.

Un cop tinguis una eina com Sublimerge instal·lada, el flux de treball se sentirà molt familiar:

  • Selecciona els dos fitxers que vols comparar (o fins i tot només dues seleccions de text).
  • Llança la comparació, que obre una vista de dues panells (o fins i tot una vista de tres panells per a fusió més complexes).
  • Des d'allà, pots saltar entre les diferències i empènyer canvis d'un fitxer a l'altre amb un clic.

Aquest enfocament és ideal per a desenvolupadors que estimen el rendiment de Sublime i tenen una configuració altament personalitzada. Afegint un paquet dedicat, pots comparar dos fitxers de text ràpidament i amb precisió sense trencar mai el teu ritme de codificació.

Eines Basades en el Navegador per a Comparacions Instantànies

A vegades, només necessites una comprovació ràpida. No necessites obrir un terminal o llançar un editor de codi complet; només necessites veure la diferència entre dos blocs de text ara mateix. Aquí és on entren les eines basades en el navegador, oferint poder de diferència instantani en qualsevol màquina amb connexió a Internet.

Aquest enfocament és la meva arma secreta per a aquelles tasques puntuals. Ho utilitzo constantment quan ajudo un company a la seva màquina o treballo des d'un ordinador on no puc instal·lar el meu programari habitual. Les eines de diferència en línia et porten directament al gra sense cap configuració.

Una finestra del navegador que mostra una eina de comparació de text amb dues seccions de text costat a costat destacades.

Per què escollir una eina del navegador?

El principal atractiu és la pura comoditat. No hi ha cap instal·lació requerida. Pots passar de necessitar una comparació a veure els resultats en segons, no en minuts. Aquest tipus d'accessibilitat és un salvavides per a comprovacions ràpides i depuracions improvisades.

A més, obtens compatibilitat universal entre plataformes. No importa si estàs a Windows, macOS o una caixa Linux. Si tens un navegador web, l'eina funciona igual a tot arreu. Per a equips repartits entre diferents sistemes operatius, aquesta consistència és una gran victòria.

He perdut el compte de les vegades que una diferència al navegador m'ha salvat. Quan estic agafant un fragment de configuració d'un tutorial o d'una resposta de Stack Overflow, enganxo el meu i la meva versió en una eina del navegador. Instantàniament marca qualsevol error tipogràfic o subtils diferències de format. És una comprovació senzilla que evita un món de frustració.

Guia Ràpida: Extensions de ShiftShift en Acció

El flux de treball està dissenyat per a la velocitat. Vegem l'eina de Comparació de Text en el conjunt d'Extensions de ShiftShift. No podria ser més senzill: enganxes el teu text original en un panell i el nou text en l'altre.

Instantàniament, obtens una vista costat a costat amb un codi de colors clar que destaca el que s'ha afegit o eliminat. Aquesta retroalimentació immediata és el que la fa tan útil. Pots veure precisament quines línies han canviat i fins i tot obtenir estadístiques en temps real sobre el recompte de caràcters i paraules.

Això és el que fa que una bona eina basada en el navegador destaqui:

  • La privadesa és primordial. Una preocupació comuna amb les eines en línia és on va la teva dada. Les millors extensions de navegador, incloent ShiftShift, fan tot el processament localment a la teva màquina. El teu text mai s'envia a un servidor, la qual cosa és essencial quan estàs treballant amb qualsevol cosa sensible.
  • Funciona sense connexió. Com que la lògica s'executa al teu navegador, no es requereix una connexió a internet estable després de la càrrega inicial de la pàgina. Això el converteix en una eina sorprenentment fiable, fins i tot quan la teva connexió és irregular.
  • Part d'un kit d'eines. Les eines més efectives solen formar part d'un ecosistema més gran. Per als desenvolupadors web, tenir una utilitat de diferències juntament amb altres eines útils en una sola extensió és un gran impuls per al flux de treball. Pots aprendre més sobre extensions de Chrome per a desenvolupadors web que adopten aquest enfocament integrat.

En última instància, les eines de diferències basades en el navegador omplen un nínxol vital. Ofereixen una solució segura, accessible i sense complicacions quan no necessites les funcions pesades d'una aplicació dedicada.

Comparació dels Tipus d'Eines de Diferències

Escollir l'eina adequada depèn completament de la teva situació. Una utilitat de línia de comandes és perfecta per a l'automatització, mentre que un editor de text ofereix una integració profunda. Tanmateix, una eina de navegador guanya en velocitat i comoditat. Aquesta taula desglossa les diferències clau per ajudar-te a decidir.

Funció Eines CLI (per exemple, diff) Editors de Text (per exemple, VS Code) Eines de Navegador (per exemple, Online Diff)
Accessibilitat Requereix accés a la terminal; instal·lat al sistema Requereix instal·lació i configuració de l'editor Accessible instantàniament a través de qualsevol navegador web
Velocitat per a Tasques Ràpides Ràpid per a usuaris experimentats, però té una corba d'aprenentatge Més lent; requereix obrir una aplicació i fitxers El més ràpid; només enganxa text i veu els resultats
Instal·lació Sovint preinstal·lat a Linux/macOS; manual a Windows Requerit a totes les plataformes Zero instal·lació necessària
Interfície d'Usuari Sortida basada en text; pot ser difícil de llegir Vista rica i gràfica costat a costat amb ressaltat de sintaxi Vista gràfica simple i intuïtiva costat a costat
Automatització/Scripting Excel·lent; dissenyat per a scripting i pipelines Limitat a tasques i extensions específiques de l'editor No és adequat per a automatització
Privacitat Excel·lent; tot el processament és local Excel·lent; tot el processament és local Varietat; eines de bona reputació processen localment, altres utilitzen servidors
Millor per a Administradors de sistemes, fluxos de treball automatitzats, integració amb Git Desenvolupadors, escriptors, revisions de codi detallades, treball de projectes Comprovacions ràpides, usuaris no tècnics, sistemes temporals o compartits

Com pots veure, cada categoria té els seus punts forts. Per aquells moments en què només necessites una resposta ràpida sense complicacions, una eina basada en el navegador és sovint l'elecció més intel·ligent i ràpida.

Navegant per Escenaris Avançats de Diferències

Una il·lustració que compara dos fitxers de text, UTF-8 i ASCII, destacant les diferències d'encoding de caràcters.

Conèixer els fonaments de com comparar dos fitxers de text és un gran començament, però el treball en el món real és desordenat. Ràpidament descobriràs que moltes diferències que una eina assenyala no són canvis de contingut significatius. Sovint són només peculiaritats de formatatge molestes.

Aquestes diferències "invisibles" poden fer-te perdre temps, buscant un error que no hi és. Three culpables comuns són darrere d'aquest caos: espais en blanc, encoding de caràcters i finals de línia. Un sol espai al final, un tabulador en lloc d'espais, o un fitxer desat com a UTF-8 mentre que un altre és en ASCII poden fer que dos fitxers funcionalment idèntics semblin molt diferents per a una eina de diferències estàndard.

Aquí és on necessites ser més intel·ligent que les teves eines. Aprenent a dir-los que ignorin aquestes variacions trivials, pots tallar el soroll i centrar-te en els canvis substancials que realment importen.

Gestionant Conflictes d'Espais en Blanc i Encoding

He perdut el compte de quantes vegades els espais en blanc han causat confusió, especialment quan treballes en un equip on tothom té configuracions d'editor diferents. L'IDE d'una persona pot afegir espais al final, mentre que l'altre converteix tabuladors en espais. Per a una eina de diferències, tots aquests són canvis legítims.

Afortunadament, la majoria de les eines de línia de comandes tenen flags per gestionar això. El comandament diff, per exemple, té el flag -w o --ignore-all-space. Executar diff -w file1.txt file2.txt indica a l'eina que ignori completament les diferències d'espais en blanc, donant-te una sortida molt més neta que destaca només les modificacions reals.

L'encoding de caràcters és un altre problema subtil. Si un desenvolupador desa un fitxer amb finals de línia CRLF de tipus Windows (\r\n) i un altre utilitza LF de tipus Unix (\n), una eina de diferències informarà que cada línia és diferent. La majoria dels editors de text moderns i les eines de diferències visuals tenen configuracions per normalitzar els finals de línia sobre la marxa o ignorar-los durant una comparació.

Un consell professional per a qualsevol que treballi en un equip és establir un fitxer .editorconfig al directori arrel del teu projecte. Aquest simple fitxer de configuració imposa estils de codificació consistents, incloent conjunts de caràcters i finals de línia, a través de diferents editors i IDEs, evitant que la majoria d'aquests problemes es produeixin.

Comparant Fitxers Enormes i Directoris Complets

Què passa quan necessites comparar fitxers de registre massius que són de diversos gigabytes de mida? Intentar carregar-los en un editor de text estàndard o en una eina de diferències visuals és una manera segura de congelar la teva màquina. Per a aquestes feines pesades, les utilitats de línia de comandes són els teus millors amics perquè processen fitxers línia per línia en lloc d'intentar carregar tot a la memòria.

Quan tractis amb fitxers enormes, encara pots utilitzar diff, però un moviment intel·ligent és canalitzar la seva sortida a un pager com less per a una navegació més fàcil.
diff hugefile1.log hugefile2.log | less

Aquest truc simple però efectiu et permet desplaçar-te a través de les diferències de manera fluida sense sobrecarregar la teva terminal o la memòria del teu sistema.

Ara, si necessites trobar canvis a través d'un projecte sencer, comparar fitxers un per un simplement no és una opció. Aquesta és una feina perfecta per a la comparació recursiva de directoris. El comandament diff fa que això sigui increïblement fàcil amb el flag -r (o --recursive).

Només has d'executar aquest comandament per veure totes les diferències entre dues versions d'una carpeta de projecte:
diff -r project_v1/ project_v2/

La sortida llistarà clarament quins fitxers són únics per a cada directori i després mostrarà una diferència estàndard per a qualsevol fitxer que existeixi en ambdós però tingui contingut diferent. Per als desenvolupadors, aquest és un comandament indispensable per auditar canvis entre branques o desplegaments. I si només necessites una manera ràpida i visual de comprovar fragments de text, pots trobar una guia per comparar text en línia de manera gratuïta que funciona molt bé per a tasques més petites.

Preguntes Comunes Sobre la Comparació de Fitxers

Un cop et familiaritzis amb les comparacions bàsiques de fitxers, començaràs a trobar-te amb problemes més específics i del món real. Aquesta és la part divertida: és on passes de només conèixer els comandaments a entendre realment l'ofici. Anem a aprofundir en algunes de les preguntes més freqüents que sorgeixen quan comences a fer d'aquestes eines una part del teu treball diari.

Aquests no es tracten només de detectar una línia canviada. Estem parlant de filtrar el soroll, desentortolligar edicions complexes de diverses persones, i fins i tot gestionar fitxers que no són text pla. Dominar aquestes subtileses és el que et fa ràpid i efectiu.

Com Puc Veure Només les Diferències?

A vegades, la sortida completa de diferències és simplement... sorollosa. Quan estàs mirant dos fitxers de registre massius on només un grapat de línies han canviat, desplaçar-te a través de milers de línies idèntiques és una pèrdua de temps. Necessites un informe net i concís de només el que és diferent.

Aquí és on les eines de línia de comandes realment brillen. El comandament clàssic diff amb el flag de format unificat (-u) ja és força bo a l'hora de centrar-se en l'acció. Però per a una vista encara més neta, pots dir-li que amagui tot el que és igual.

L'opció --suppress-common-lines és una manera fantàstica de fer-ho. Elimina totes les línies coincidents, deixant-te amb una llista centrada d'addicions, eliminacions i modificacions. És perfecta per generar un resum ràpid o parchejar un fitxer.

Què Passa Amb una Fusió de Tres Maneres?

Una comparació simple de dues vies és genial per fer un seguiment dels canvis entre "abans" i "després". Però en el món real dels projectes d'equip i sistemes de control de versions com Git, les coses es compliquen. Sovint et trobes davant d'una fusió de tres maneres.

Aquesta situació implica tres fitxers diferents:

  1. Base: El fitxer original, l'ancestre comú abans que algú fes canvis.
  2. El Meu: La teva versió del fitxer, que conté les teves edicions.
  3. El Seu: La versió del teu company d'equip, amb el seu conjunt separat d'edicions.

Una eina de fusió de tres maneres no només compara "El Meu" i "El Seu". Utilitza el fitxer "Base" com a punt de referència per entrellaçar intel·ligentment ambdues conjunts de canvis. Aquesta és la màgia darrere de com Git gestiona les fusiones automàticament i, més important, com identifica els conflictes que necessiten una resolució humana. Quan executes git mergetool, sovint s'obre un editor de diferències visuals (com el de VS Code) específicament configurat per a aquesta tasca, facilitant molt la desentortolligació de canvis superposats.

El veritable poder d'una fusió de tres maneres és el context. Va més enllà de preguntar-se, "Són diferents aquests dos fitxers?" i en canvi pregunta, "Com han divergint aquests dos fitxers de la seva origen compartit?" Aquest context és el que fa possible una fusió automàtica segura.

Puc Comparar Fitxers Binari Com Documents de Word?

Les eines que hem cobert fins ara estan dissenyades per a text pla. Si tries d'executar diff en un document de Microsoft Word (.docx) o un PDF, probablement només obtindràs un missatge contundent com, "Els fitxers binaris a i b difereixen," sense detalls útils.

Això és perquè aquests formats de fitxer són més que només text. Són contenidors complexos amb estilització, metadades i tot tipus d'informació estructural que una eina de text simple no pot entendre. Per comparar-los adequadament, necessites programari que parli el seu idioma.

Per exemple, Microsoft Word té la seva pròpia funció integrada de "Comparar Documents", i Adobe Acrobat Pro pot fer el mateix per a PDFs. Aquestes eines estan dissenyades per analitzar l'estructura interna i poden mostrar-te canvis en el format i les imatges, no només en el text.


Preparat per simplificar les teves comparacions diàries? ShiftShift Extensions ofereix una potent eina de Comparació de Text basada en el navegador que és perfecta per a desenvolupadors, escriptors i qualsevol que necessiti una diferència ràpida i segura. Obtingues resultats instantanis, costat a costat, sense mai abandonar el teu navegador. Descarrega-ho des de shiftshift.app i veu la diferència.

Extensions recomanades