Kuinka valita useita rivejä VS-koodissa

Koodauksen nopeatempoisessa maailmassa jokainen näppäinpainallus on tärkeä. Visual Studio Code (VS Code) -koodiin uppoutuneiden kehittäjien ominaisuuksien hallitseminen voi parantaa merkittävästi tuottavuutta. Yksi perustaito on useiden rivien nopea valitseminen, mikä voi virtaviivaistaa koodaustehtäviä uudelleenmuodostamisesta muotoiluun.

Kuinka valita useita rivejä VS-koodissa

Tässä artikkelissa tutkimme VS Coden tekniikoita ja pikanäppäimiä, jotka antavat sinulle mahdollisuuden navigoida koodikannassasi hienovaraisesti ja nopeasti. Olitpa kokenut koodaaja tai uusi tulokas, tämä opas on avaimesi VS Coden monirivisten valintamahdollisuuksien täyden potentiaalin hyödyntämiseen.

Kuinka valita useita rivejä VS-koodissa

Jos olet tyypillinen VS-koodin käyttäjä, sinun on usein valittava useita rivejä ratkaistaksesi yleisen ongelman: elementin, joka ei kuulu jokaiselle riville. Valitsemalla useita rivejä on helppo korjata kaikki rivit kerralla.

Näin voit valita useita rivejä tässä ohjelmassa Windows-tietokoneellasi:

  1. Käytä hiirtä valitaksesi pariton sana tai mikä tahansa muu elementti.
  2. Pidä Ctrl + Alt -näppäinyhdistelmää painettuna.
  3. Vapauta Ctrl + Alt, paina alanuolinäppäintä valitaksesi saman sanan alkuperäisten rivien alla olevilta riveiltä. Paina painiketta niin monta kertaa kuin on tarpeen.
    Painamalla Ctrl-, Alt- ja alanuolinäppäimiä Visual Studio Codessa
  4. Kirjoita korvaava sana.
    Useiden kohdistimien korostaminen Visual Studio Codessa
  5. Kun olet valmis, paina Esc-painiketta poistuaksesi usean rivin muokkaustilasta.

Prosessi on yhtä yksinkertainen macOS-käyttäjille:

  1. Valitse paikka riviltä, ​​jota haluat muokata, ja pidä Optio + CMD-näppäinyhdistelmää painettuna.
    Kohdistimen lisääminen alla oleville riveille VS Codessa
  2. Kun pidät pikanäppäintä painettuna, käytä alanuolinäppäintä valitaksesi kyseisen paikan jokaiselta riviltä.

Sinulla ei pitäisi olla vaikeuksia valita useita rivejä, jos olet Linux VS -kooderi.

  1. Korosta koodin osa, jonka haluat poistaa tai vaihtaa, ja paina pitkään Shift + Alt.
    Kohdistimen lisääminen alla oleville riveille VS Codessa
  2. Vapauttamatta Shift + Alt -yhdistelmää, käytä alanuolinäppäintä korostaaksesi saman elementin muilla riveillä.

Seuraavaksi sinun pitäisi oppia vertaamaan kahta tiedostoa VS Codessa.

Kuinka lisätä useita kohdistimia VS-koodiin

Useiden rivien valitseminen ei ole ainoa tapa muokata useita rivejä samanaikaisesti. Voit myös hyödyntää usean kohdistimen toimintoa. Kun olet lisännyt usean kohdistimen, voit muokata useita rivejä samanaikaisesti kirjoittamalla saman arvon jokaiselle riville.

Voit esimerkiksi sisällyttää koodiisi yksittäisiä kohdistimia noudattamalla seuraavia vaiheita.

  1. Napsauta ensimmäistä riviä ja pidä Alt-painiketta painettuna, jos sinulla on Windows- tai Linux-tietokone, jotta voit sijoittaa moniosoittimen niille riveille, joilla napsautat. Vaihtoehtoisesti paina Optio-näppäintä, jos olet macOS-käyttäjä.
    Napsauttamalla samalla kun pidät Alt-näppäintä painettuna, voit lisätä useita kohdistimia VS-koodiin
  2. Kun et enää tarvitse monikohdistinta, poista se työtilasta napauttamalla Esc-painiketta. Esc on yleisavain kaikille käyttöjärjestelmille.

Tässä on muutamia muita käteviä useaan kohdistimeen liittyviä ominaisuuksia, jotka auttavat nostamaan tuottavuuttasi, kun valitset ja muokkaat useita rivejä.

Aseta osoittimet rivien loppuun

Jotkin projektit edellyttävät, että asetat osoittimet jokaisen rivin loppuun.

  1. Korosta useita rivejä ensimmäisen osan pikakuvakkeella käyttöjärjestelmästäsi riippuen. Esimerkiksi Windows-käyttäjien on pidettävä Ctrl-, Alt- ja alanuolinäppäimiä painettuna.
    Kohdistinten sijoittaminen korostettujen rivien loppuun VS-koodissa
  2. Napauta Shift + Option + I -yhdistelmää macOS-laitteellasi.
  3. Vaihto + Alt + I, jos olet Linux- tai Windows-käyttäjä.

Aseta osoittimet nykyisen kohdistimen alle ja yläpuolelle

Rivinpäätteet eivät ehkä ole paras paikka kohdistimillesi. Joskus sinun on oltava tarkempi ja asetettava ne alkuperäisen kohdistimen ala- ja yläpuolelle.

  1. Valitse aloituspiste asettamalla kohdistin jollekin viivoista. Paina Ctrl + Alt + alanuolinäppäintä sijoittaaksesi monikohdistimen alkuperäisen kohdistimen alle, jos käytät Windows- tai Linux VS -kooderia.
    Kohdistimen lisääminen nykyisen sijainnin alle VS-koodissa
  2. Jos sinulla on macOS-tietokone, käytä CMD + Optio + alanuolinäppäintä suorittaaksesi saman toiminnon.
  3. Käytä tarvittaessa Ctrl + Alt + ylänuolinäppäintä sisällyttääksesi monikohdistimen alkuperäisen yläpuolelle Windowsissa tai Linuxissa. MacOS-ympäristöissä sinun on painettava CMD + Optio + Ylös-nuolinäppäimiä sijoittaaksesi kohdistimen aloituspisteen yläpuolelle.

Aseta osoittimet seuraavaan vastaavaan paikkaan

Tee tämä, jos haluat osoittimen vain rivin vastaavaan osaan, joka on lähinnä aloituspistettäsi.

  1. Korosta viiva hiirellä.
  2. Napauta Ctrl + D -näppäinyhdistelmää, jos olet Windows- tai Linux-käyttäjä. (CMD + D, jos olet macOS-kooderi.) Tämä lisää useita kohdistimet alkuperäisen valinnan jälkeen tulevien koodin vastaavien osien viereen.
    Paina Ctrl + D -näppäimiä Visual Studio Codessa
  3. Poista tarvittaessa joitain kohdistimia Ctrl + U -pikanäppäimellä Windowsissa ja Linuxissa.
  4. CMD + U macOS:ssä. Muista, että tämä pikanäppäin poistaa osoittimet yksitellen. Yhdistelmä ei salli kaikkien elementtien kumoamista yhdellä kertaa.

Aseta osoittimet jokaiseen vastaavaan paikkaan

Kun sijoitat osoittimia, et ehkä halua sisällyttää niitä vain viereisille riveille. Sen sijaan sinun on ehkä lisättävä ne kaikkiin vastaaviin paikkoihin. Näin tämä toimii.

  1. Korosta koodin osa, johon haluat lisätä kohdistimet.
    Tekstin korostaminen Visual Studio Codessa
  2. Paina Ctrl + Vaihto + L -näppäinyhdistelmä, jos sinulla on Linux- tai Windows-tietokone, jotta voit sijoittaa kohdistimen sinne, missä korostettu teksti näkyy.
  3. Käytä CMD + Shift + L -pikanäppäintä, jos olet macOS-ammattilainen.

Tämä menetelmä toimii myös muuttamaan kaikkia muuttujan nimen esiintymiä.

Kohdistimen mukauttaminen VS-koodissa

Kursorisi ovat keskeisiä valittaessa ja muokattaessa useita rivejä VS Codessa. Niiden oletuskäyttäytyminen ei kuitenkaan välttämättä sovi projektiisi täydellisesti. Sinun on ehkä säädettävä niiden toimintaa ja käytettävä erilaisia ​​näppäinsidoksia tuottavuuden parantamiseksi.

Ensimmäinen asia, jonka saatat haluta tehdä, on määrittää vaihtoehtoinen usean kohdistimen muokkaus.

  1. Avaa työtila ja käytä näppäinyhdistelmää Ctrl + , jos sinulla on Windows- tai Linux-käyttöjärjestelmä.
  2. Sinun on painettava CMD + -pikakuvaketta, jos käytät VS-koodia macOS:ssä.
  3. Kirjoita ruutuun seuraava rivi: multiCursorModifieer
    Korosta hakupalkki Visual Studion koodiasetuksissa
  4. Muuta oletusmuokkauspainike Altista mihin tahansa paremmin toimivaan.
    Korosta Multi Cursor Modifier -pudotusvalikko Visual Studion koodiasetuksissa

Se ei ole ainoa näppäinsidonta, jota voit säätää VS Codessa. Asetukset-valikon avulla voit muuttaa mitä tahansa kohdistimeen liittyvää pikakuvaketta tietojen helpottamiseksi.

Voit tehdä tämän editoristasi.

  1. Käynnistä VS Code ja valitse päävalikosta Tiedosto.
  2. Siirry Tiedosto-kohdan Asetukset-kohtaan ja avaa Pikanäppäimet-ikkuna CMD + K + CMD + S -näppäinyhdistelmällä tai macOS- tai Ctrl + K + Ctrl + S -pikanäppäimellä Windowsissa ja Linuxissa. Sinun on vapautettava ensimmäinen kirjain (esim. K) ennen kuin painat toista yhdistelmää (esim. S).
    Pikanäppäimien valitseminen Visual Studio Coden Tiedosto-pudotusvalikosta Asetukset-valikosta
  3. Kirjoita muutettavan pikakuvakkeen tunnus. Tässä muutamia:
    • editor.action.insertCursorBelow
    editor.action.insertCursorBelow-asetuksen etsiminen Visual Studio Coden pikanäppäimet-valikosta
    • editor.action.inserCursorAbove
    editor.action.insertCursorAbove-asetuksen etsiminen Visual Studio Coden pikanäppäimet-valikosta
    • editor.action.selectHighlights
    editor.action.selectHighlights-asetuksen etsiminen Visual Studio Coden pikanäppäimet-valikosta
    • editor.action.addSelectionToNextFindMatch
    editor.action.addSelectionToNextFindMatch-asetuksen etsiminen Visual Studio Coden pikanäppäimet-valikosta
    • kohdistinKumoa
    Kohdistimen Kumoa-asetuksen paikallistaminen Visual Studio Coden pikanäppäimet-valikosta
  4. Muuta vastaava pikakuvake muokkaussymbolilla ikkunan vasemmassa osassa.
    Uuden näppäinyhdistelmän syöttäminen halutulle pikanäppäimelle Visual Studio Coden pikanäppäimet-valikossa

Anna VS-koodin ominaisuuksien tehdä työ puolestasi

Opi hyödyllisiä VS Code -pikanäppäimiä ja automatisoi mahdollisimman monta prosessia tullaksesi lähdekoodieditorin mestariksi. Useiden rivien valitseminen ja kohdistinten säätäminen ovat hyviä lähtökohtia. Kokeile eri asentoja ja toimintoja löytääksesi täydellisen ratkaisun jokaiseen projektiin.

UKK

Voinko valita rivejä niiden rivinumeroiden perusteella VS Codessa?

Joo. Ctrl + G -pikanäppäimen avulla voit valita rivinumeron, johon haluat hypätä.

Tukeeko VS Code rivien valintaa useista tiedostoista samanaikaisesti?

Kyllä, VS Code käyttää “Etsi tiedostoista” -ominaisuutta valitakseen rivit useista tiedostoista samanaikaisesti. Paina Ctrl + Vaihto + F (Macissa Cmd + Vaihto + F) avataksesi Etsi tiedostoista -widgetin, syötä hakuehdot ja valitse sitten rivit hakutulosten poikki valintaruutujen tai pikanäppäimien avulla.

Recent Articles

spot_img

Related Stories

Stay on op - Ge the daily news in your inbox

[tdn_block_newsletter_subscribe input_placeholder="Email address" btn_text="Subscribe" tds_newsletter2-image="730" tds_newsletter2-image_bg_color="#c3ecff" tds_newsletter3-input_bar_display="" tds_newsletter4-image="731" tds_newsletter4-image_bg_color="#fffbcf" tds_newsletter4-btn_bg_color="#f3b700" tds_newsletter4-check_accent="#f3b700" tds_newsletter5-tdicon="tdc-font-fa tdc-font-fa-envelope-o" tds_newsletter5-btn_bg_color="#000000" tds_newsletter5-btn_bg_color_hover="#4db2ec" tds_newsletter5-check_accent="#000000" tds_newsletter6-input_bar_display="row" tds_newsletter6-btn_bg_color="#da1414" tds_newsletter6-check_accent="#da1414" tds_newsletter7-image="732" tds_newsletter7-btn_bg_color="#1c69ad" tds_newsletter7-check_accent="#1c69ad" tds_newsletter7-f_title_font_size="20" tds_newsletter7-f_title_font_line_height="28px" tds_newsletter8-input_bar_display="row" tds_newsletter8-btn_bg_color="#00649e" tds_newsletter8-btn_bg_color_hover="#21709e" tds_newsletter8-check_accent="#00649e" embedded_form_code="YWN0aW9uJTNEJTIybGlzdC1tYW5hZ2UuY29tJTJGc3Vic2NyaWJlJTIy" tds_newsletter="tds_newsletter1" tds_newsletter3-all_border_width="2" tds_newsletter3-all_border_color="#e6e6e6" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJib3JkZXItY29sb3IiOiIjZTZlNmU2IiwiZGlzcGxheSI6IiJ9fQ==" tds_newsletter1-btn_bg_color="#0d42a2" tds_newsletter1-f_btn_font_family="406" tds_newsletter1-f_btn_font_transform="uppercase" tds_newsletter1-f_btn_font_weight="800" tds_newsletter1-f_btn_font_spacing="1" tds_newsletter1-f_input_font_line_height="eyJhbGwiOiIzIiwicG9ydHJhaXQiOiIyLjYiLCJsYW5kc2NhcGUiOiIyLjgifQ==" tds_newsletter1-f_input_font_family="406" tds_newsletter1-f_input_font_size="eyJhbGwiOiIxMyIsImxhbmRzY2FwZSI6IjEyIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTMifQ==" tds_newsletter1-input_bg_color="#fcfcfc" tds_newsletter1-input_border_size="0" tds_newsletter1-f_btn_font_size="eyJsYW5kc2NhcGUiOiIxMiIsInBvcnRyYWl0IjoiMTEiLCJhbGwiOiIxMyJ9" content_align_horizontal="content-horiz-center"]