Joskus koodaus voi tuntua monimutkaisen pulman ratkaisemiselta. Joskus tämä palapeli tiivistyy 'erojen havaitsemiseen'. Visual Studio Coden (VS Code) avulla voit verrata tyylikkäästi kahden tiedoston sisältöä muutamassa yksinkertaisessa vaiheessa. Tämä opas näyttää, kuinka helppoa on vertailla kahta eri tiedostoa VS Codessa. Mukana on myös joitain muita hienoja ominaisuuksia, jotka voivat tehdä koodaamisesta paljon mukavampaa.
Kahden VS-koodin tiedoston vertailu
Ennen kuin vertaat kahden tiedoston sisältöä, sinun on avattava molemmat Visual Studio Codessa. Näin teet sen järjestelmässäsi oleville tiedostoille:
- Avaa molemmat tiedostot, joita haluat verrata VS Codessa. Voit tehdä tämän napsauttamalla tiedostoja vasemmasta Explorer-paneelista.
- Napsauta hiiren kakkospainikkeella ensimmäisen vertailtavan tiedoston välilehteä.
- Valitse esiin tulevasta hiiren kakkospainikkeella valikosta vaihtoehto Select for Compare.
- Napsauta hiiren kakkospainikkeella toisen tiedoston välilehteä, jonka haluat nähdä näytön oikealla puolella.
- Valitse 'Vertaa valittuihin' nähdäksesi erot.
Vastaavasti voit vertailla tallentamattomia tiedostoja ja muokkausohjelmia. Valitse ensimmäinen editori, napsauta 'Valitse vertailua varten' ja sitten 'Vertaa valittuihin' toisessa editorissa.
Vertaa eri Git-versioita
Eri Git-varastoversioiden vertailu on hieman erilaista kuin oman koneen tiedostojen vertailu. Voit tehdä sen tällä tavalla:
- Siirry Explorer-näkymään.
- Valitse tiedosto, jota haluat tutkia Git-versiohistorian kautta.
- Napsauta aikajananäkymää laajentaaksesi sitä ja napsauta 'Git View File History'.
- Napsauta Git-sitoumusta nähdäksesi, kuinka se muutti tiedostoa.
Vertaa kahta kansiota
Et rajoitu vain VS Coden tiedostojen vertailuun. Näin voit verrata kahden kansion sisältöä:
- Etsi ja lataa 'Diff Folders' -laajennus laajennuskonsolista.
- Avaa Diff-kansionäkymä valikosta.
- Valitse kansiot, joita haluat vertailla.
- Napsauta 'Vertaa' ja sisältö tulee nyt näkyviin.
Erojen havaitseminen
Kun valitset kaksi tiedostoa VS Coden vertailua varten, näet erot korostettuina editorissasi. Näin voit nopeasti kertoa, mikä koodissa on muuttunut. Käytä työkalupalkin nuolia siirtyäksesi muutosten läpi. Tässä vaiheessa voit analysoida muutokset, tehdä virheenkorjauksen ja määrittää, mitkä muutokset haluat säilyttää tai hylätä.
Muutosten yhdistäminen
Jos yhdessä tiedostossa on muutoksia, jotka haluat sisällyttää toiseen, voit tehdä sen helposti. Sinun tarvitsee vain löytää yhdistämiskuvake työkalupalkista ja yhdistää kaksi tiedostoa napsauttamalla sitä.
Diff Viewerin selitys
Visual Studio Coden sisällä on tehokas erojen katseluohjelma, jonka avulla käyttäjät voivat verrata saman tiedoston kahta versiota tai kahta täysin erilaista tiedostoa. Tämä työkalu ei vain katso jotain vierekkäin – sen avulla on helppo kertoa, mikä on muuttunut silmänräpäyksessä kätevien kohokohtien avulla.
Kun tiedostosta on poistettu jotain, sen vasemmalle puolelle tulee kirkkaan punainen tausta ja oikealle vino kuvio. Jos toiseen tiedostoon on lisäyksiä (riippumatta siitä, valitsetko uudemman tai vanhemman tiedoston toiseksi), etsi vasemmalla kulmakuvio ja oikealta lihavoitu vihreä tausta. Kun vain osia viivasta on muokattu, ne saavat vaaleanpunaisen ja vihreän taustan, joten et jää huomaamatta, missä muutokset tapahtuvat. Tällä tavalla voit nopeasti havaita erot ja päättää, mitä muutoksia haluat.
Ohjelmointikieli Aware Ero
Visual Studio Coden erojen katseluohjelma käyttää tehokasta rivi riviltä -lähestymistapaa tiedostojen vertailuun ja muuttuneiden merkkien korostamiseen. Tämä on hyväksi havaittu menetelmä, joka saattaa olla tuttu, jos olet koskaan käyttänyt työkaluja, kuten Notepad++ ja sen vertailulaajennuksia. Ohjelmointikielet, jotka sallivat valinnaiset puolipisteet tai rivinvaihdot, voivat kuitenkin olla ongelmallisia tälle järjestelmälle, koska erot tulevat melko meluisiksi ja triviaaleja muokkauksia roskaa näyttö.
Tämän ongelman torjumiseksi on olemassa laajennus, joka tunnetaan nimellä SemanticDiff, joka etsii muutakin kuin pelkkä tekstin vertailu ja jäsentää tiedoston koodin arvioiden sen kääntäjän esitystavan. Tällä tavalla voit nähdä pienet muutokset, jotka eivät vaikuta ohjelmaan, ja sen sijaan tunnistaa siirretyn koodin suoraan samalla, kun tarjoat paljon selkeämmän näkemyksen erossa olevista asioista. Se muistuttaa pätevää editoria, joka ymmärtää koodauskielen monimutkaisuudet. Se suodattaa pois merkityksettömät näkökohdat ja esittää säädöt, joilla on todellista merkitystä, kun koodi on käännetty.
Jos haluat saada enemmän tietoa koodin muutoksista, asenna SemanticDiff VS Code Marketplacesta ja vaihda smart diff -tilaan nähdäksesi koodisi erot tarkemmin.
Etsi ja korvaa
Vertailun ohella tietyn tekstin etsiminen tiedostosta tai useista tiedostoista on toinen tehtävä, jota teet todennäköisesti usein. VS Coden etsintä- ja korvaustoiminto on vankka useilla edistyneillä vaihtoehdoilla:
kuinka selvittää, onko sinut estetty snapchatissä
- Paina Ctrl+F avataksesi hakuwidgetin editorissa etsiäksesi nykyisestä tiedostosta. Voit selata tuloksia ja jopa siementää hakumerkkijonoa valinnasta.
- Suorita hakutoiminto valitulle tekstille napsauttamalla kolmirivistä (hampurilainen) -kuvaketta etsintäwidgetissä tai asettamalla 'editor.find.autoFindInSelection' arvoksi 'aina' tai 'monirivinen'.
- Voit jäsentää tekstin Etsi-syöttöruutuun etsiäksesi monirivistä tekstiä. Voit myös muuttaa etsintäwidgetin kokoa.
- Paina Ctrl+Shift+F hakeaksesi kaikki avoimen kansion tiedostot. Voit käyttää tarkennettuja hakuvaihtoehtoja ja glob-kuvion syntaksia.
- Etsi kirjainkoko, vastaa koko sana, säännöllinen lauseke ja kirjainkoon säilyttäminen ovat joitain edistyneitä vaihtoehtoja etsimiseen ja korvaamiseen.
Etsi tiedostoista
Jos etsit jotain erityisesti useista projektin tiedostoista, VS Code on löytänyt sinut. Voit etsiä nopeasti kaikista nykyisen kansion tiedostoista painamalla Ctrl+Shift+F. Tulokset jaetaan tiedostoihin, jotka sisältävät kyselyn. Voit myös olla luova ja käyttää säännöllisiä lausekkeita saadaksesi tarkempia tuloksia.
Tiedostojen vertailun integrointi muihin ominaisuuksiin
VS Coden erotustyökalujen teho ylittää tiedostojen vertailun. Se avaa monia integroituja koodausmahdollisuuksia. Yhdistämällä ominaisuuksia, kuten automaattinen tallennus, Hot Exit ja tarkennettu haku, voit työskennellä saumattomasti yhden projektin parissa samalla kun vertaat eri tiedostoversioita ja etsit tiettyjä toimintoja useista tiedostoista.
Lisäksi voit muokata asetustiedostoja ehdottomalla varmuudella, että tekemäsi muutokset säilyvät. Sinun ei tarvitse huolehtia tallentamattomista muutoksista, jos sovellus suljetaan. Hot Exit muistaa ne kaikki. Kaikki nämä ominaisuudet yhdessä antavat sinulle täydellisen hallinnan kaikista tiedostoversioistasi ja muutoksistasi.
Vertaa huolella
Jotkut koodaustehtävät voivat tuntua vaativammilta ja tylsemmiltä kuin toiset, ja kahden tiedoston vertailu on yksi tällainen tehtävä. Mutta VS Coden erotustyökalut ja menetelmät eri tietotyyppien vertailuun tekevät siitä helpompaa ja miellyttävämpää. Helposti näkyvät kohokohdat opastavat sinua kaikkien kahden tiedoston välisten muutosten läpi ja antavat sinun kokeilla erilaisia koodiversioita, jotka kaikki sopivat erinomaisesti virheenkorjaukseen, analytiikkaan ja versionhallintaan.
Vaativatko projektisi tiukkaa versionhallintaa ja toistuvaa tiedostojen vertailua? Onko sinulla vinkkejä tai temppuja koodien vertailumenetelmiin? Jaa ajatuksesi ja näkemyksesi alla olevissa kommenteissa.
