Visual Studio -koodi Lisää tuottavuutta Key Binding Managementin avulla

Visual Studio Code, Microsoftin kevyt lähdekoodieditori esittelee vain näppäimistön navigointi se ei ole vain kehittynyt esteettömyysominaisuus, avulla käyttäjät voivat liikkua editorissa ilman hiirtä, mutta myös nopeuttaa koodausta.

Tämän päivän postissa me kaivamme miten hallita tehokkaasti avainliitoksia tutustu VS-koodissa kuratoituun luetteloon yleisimmin käytetyistä pikanäppäimistä ja näe esimerkki siitä, miten voit luoda omia mukautettuja avaimia.

Etsi keskeiset sidokset nopeasti

Sinun ei tarvitse oppia näppäimistön pikanäppäimiä oikealle, kun alat käyttää VS-koodia, koska niitä on helppo löytää kahdella tavalla..

Ylimmässä valikkorivissä on jokaisen vieressä oleva ennalta määrätty avain valikkopiste (1), ja komentopaletti (F1) luettelee ne jokaisen komennon vieressä (2).

Visual Studio Code näyttää avainliitokset vastaa käyttöjärjestelmääsi oletusarvoisesti (niin Windows-koneessa näet Windowsin komennot, Macin Mac-komennot ja Linux-ruutu Linux-komennot).

Jos et halua lähteä koodieditorista, löydät sen myös täydellinen luettelo esiasetetuista avainliitoksista VS-koodiasiakirjoissa.

Preset Key Bindings

Visual Studio Code tarjoaa kehittäjille monia avainliitoksia. Seuraavassa luettelossa kuratoin niitä, joita olen käyttänyt useimmin muokattuina JavaScript-tiedostoina. Saatat huomata, että toiset sopivat paremmin omaan työnkulkuun, joten kannattaa myös selata koko luetteloa itse.

Kaikki avainliitokset voidaan räätälöidä VS-koodissa, me tarkastelemme, miten se tehdään tämän artikkelin viimeisessä osassa.

Katsotaanpa nyt 36 usein käytettyä pikanäppäintä, 3 pääkäyttöjärjestelmää (Win, OS X, Linux), joista monet voivat olla tuttuja muista Microsoft-ohjelmistoista.

suunnistus

1. F1 (Win, Linux, Mac) - Komentopaletti näyttää kaikki komennot, joista voit valita yhden, tai voit myös kirjoittaa itse komennon
2. Ctrl + P (Win, Linux), Cmd + P (Mac) - Quick open, Siirry tiedostoon
3. Ctrl + Vaihto + O (Win, Linux), Vaihto + Cmd + O (Mac) - Näytä kaikki nykyisen tiedoston symbolit (kuten toiminnot, prototyypit jne.)
4. Ctrl + G (Win, Linux, Mac) - Siirry tiettyyn riviin
5. Ctrl + Vaihto + M (Win, Linux), Vaihto + Cmd + M (Mac) - Näytä kaikki virheet ja varoitukset
6. Alt + Vasen (Win), Ctrl + - (Mac), Ctrl + Alt + - (Linux) - Palaa takaisin, kursori hyppää takaisin edelliseen sijaintiin
7. Alt + Oikea (Win), Ctrl + Vaihto + - (Mac), Ctrl + Vaihto + - (Linux) - Siirry eteenpäin, kohdistin hyppää eteenpäin seuraavaan paikkaan
8. ? (Win, Linux, Mac) - Nykyisen tiedoston käytettävissä olevat komennot komentopaletin sisällä (ennen kuin käytät tätä, sinun täytyy avata komentopaletti (F1)

Tiedostojen ja editorien hallinta

Täydellinen luettelo tästä osiosta löytyy kahdesta eri paikasta VS-koodiasiakirjoissa, editorissa / ikkunanhallinnassa ja tiedostonhallinnassa..

VS-koodi voi avata samanaikaisesti 3 editoripaneelia, komennot # 5 - # 7 toimivat vain, jos useampi kuin yksi editoriruutu on auki.

1. Ctrl + N (Win, Linux), Cmd + N (Mac) - Uusi tiedosto
2. Ctrl + O (Win, Linux) - Avaa tiedosto
3. Ctrl + S (Win, Linux), Cmd + S (Mac) - Tallenna
4. Ctrl + (Win, Linux), Cmd + (Mac) - Split editor
5. Ctrl + 1 (Win, Linux), Cmd + 1 (Mac) - Tarkenna ensimmäiseen editoripaneeliin
6. Ctrl + 2 (Win, Linux), Cmd + 2 (Mac) - Tarkenna toiseen muokkauskenttään
7. Ctrl + 3 (Win, Linux), Cmd + 3 (Mac) - Tarkenna kolmanteen editoripaneeliin

Perusmuokkaus

Jos haluat tehdä alla olevien avainliitosten työtä, sinun ei tarvitse korostaa koko riviä, se riittää navigoimaan kohdistimella missä tahansa muokattavassa rivissä.

1. Ctrl + X (Win, Linux), Cmd + X (Mac) - Leikkaa viiva
2. Ctrl + C (Win, Linux), Cmd + C (Mac) - Kopioi rivi
3. Ctrl + Vaihto + K (Win, Linux), Vaihto + Cmd + K (Mac) - Poista rivi
4. Alt + Down (Win, Linux), Option + Down (Mac) - Siirrä viiva alas
5. Alt + Up (Win, Linux), Option + Up (Mac) - Siirrä riviä ylös
6. Ctrl + I (Win, Linux), Cmd + I (Mac) - Valitse nykyinen rivi
7. Ctrl +] (Win, Linux), Cmd +] (Mac) - Sisällyslinja
8. Ctrl + [(Win, Linux), Cmd + [(Mac) - Outdent-rivi

Rich Languages ​​Editing

Tällä hetkellä VS-koodilla on toukokuussa 2016 sisäänrakennettu rikas muokkaustuki JavaScriptille ja TypeScriptille, mutta voit ladata kielitukilaajennuksia monille muille kielille VS-koodimarkkinoilta.

Tässä asiakirjoissa voit tarkistaa haluamasi kielen asetukset. Huomaa, että koska VS-koodi on vielä alkuaikoina, myös muilla kielillä voi olla rikas muokkaustuki.

1. Ctrl + Space (Win, Linux, Mac) - Trigger ehdottaa
2. Ctrl + Shift + Space (Win, Linux), Shift + Cmd + Space (Mac) - Parametrin vihjeitä
3. Alt + F12 (Win), Option + F12 (Mac), Ctrl + Shift + F10 (Linux) - Peek-määritys
4. Shift + F12 (Win, Linux, Mac) - Näytä viitteet
5. Ctrl + Shift + X (Win, Linux), Vaihto + Cmd + X (Mac) - Trim-takavälit

Näyttö

1. F11 (Win, Linux), Ctrl + Cmd + F (Mac) - Vaihda koko näyttö
2. Ctrl + = (Win, Linux), Cmd + = (Mac) - Lähennä
3. Ctrl + - (Win, Linux), Cmd + - (Mac) - Loitonna
4. Ctrl + B (Win, Linux), Cmd + B (Mac) - Vaihda sivupalkin näkyvyyttä
5. Ctrl + Vaihto + D (Win, Linux), Vaihto + Cmd + D (Mac) - Näytä virheenkorjaus sivupalkissa (vasemmalla)
6. Ctrl + Vaihto + E (Win, Linux), Vaihto + Cmd + E (Mac) - Näytä Explorer sivupalkissa (vasemmalla)
7. Ctrl + Shift + G (Win, Linux, Mac) - Näytä Git sivupalkissa (vasemmalla)
8. Ctrl + Vaihto + F (Win, Linux), Vaihto + Cmd + F (Mac) - Näytä haku sivupalkista (vasemmalla)

VS-koodin avainseinojen mukauttaminen

Näppäinten sidosten mukauttaminen voi olla hyödyllistä kolmessa tärkeässä asiassa.

Ensinnäkin, jos olet jo tottunut tiettyihin pikanäppäimiin eri koodieditorissa, sinun ei tarvitse oppia uusia.

Toiseksi jotkin esiasetetuista näppäinkytkennöistä ovat oikeudenmukaisia liian vaikea muistaa, ota esimerkiksi Ctrl + K + F12 Windows-pikakuvake komennolle Avaa määritelmä sivulle.

Kolmanneksi on myös määrittämättömät avaimen sidokset VS-koodissa, kuten Avaa käyttäjän asetukset ja Avaa työtilan asetukset (löydät ne täältä dokumenteista), voit käyttää niitä.

Voit muokata näppäimistön sidoksia a: n avulla JSON-formaatin määritystiedosto, tavalla, joka vastaa käyttäjän ja työtilan asetuksia. Muokattavaa tiedostoa kutsutaan keybindings.json, Voit avata sen napsauttamalla ylävalikkorivin Tiedosto> Asetukset> Näppäimistön pikavalinnat -valikkoa.

Kun napsautat sitä, VS-koodi avautuu kaksi editoria vierekkäin, yksi oletuskomennot vasemmalla ja toinen sinun räätälöityjä avaimen sidoksia oikealla.

Sinun ei tarvitse tehdä mitään muuta, kopioi -näppäimet vasemmalta oikealle JSON-muotoa säilyttämällä ja kirjoita avain muokattuun.

Katsotaanpa nopea esimerkki. Sano, että haluat helposti käyttää Näytä asennetut laajennukset -komentoa, jolla ei ole oletusarvoisesti määritettyä avainliitosta. Tässä tapauksessa ei riitä, että kopioit vain liitä vasemmalta puolelta oikealle, koska määrittämättömät avaimet eivät sisälly oletuslistaan.

Sinun täytyy pysyä kiinni syntaksin avaimen sidokset seuraavat Visual Studio -koodissa:

 "key": "", "kun": "", "komento": "" 

Tutustu todellisiin esimerkkeihin siitä, miten näppäimistösäännöt oikein asetetaan. Kun osa on valinnainen, sinun ei tarvitse käyttää sitä globaalien avainliitosten asettamiseen vain silloin, kun tietty pikakuvake on sidottu tiettyyn näyttöön tai tilaan, kuten esimerkiksi inDebugMode.

Esimerkissämme asetamme maailmanlaajuinen avain sitova, mikä tarkoittaa, että meidän on vain asetettava arvot “avain” ja “komento” omassa näppäimistösäännössämme.

Katsokaa ensin komentotunnus, joka kuuluu Show Installed Extension -komentoon. Voimme tehdä sen helposti dokumenteissa, jotka osoittavat, että tarvitsemamme komentotunnus on workbench.extensions.action.listExtensions.

Toinen tarvitsemamme tieto on avain. Mukautettu avain, jonka me sidomme Show Installed Extension -komentoon muita keskeisiä sitovia sääntöjä ei voida käyttää, ja sen on noudatettava asianmukaista avaimen syntaksia, mikä tarkoittaa sitä, että se on tehtävä a määrite (katso hyväksyttyjä modifikaattoreita OS) ja avain itse.

Kun työskentelen Windows-koneella, valitsen Ctrl + F6-näppäimen, koska se täyttää kaikki vaatimukset, mutta voit valita minkä tahansa muun tarpeisiisi parhaiten sopivan avaimen.

Keybindings.json-tiedosto näyttää näin:

 // Aseta avainsiitokset tähän tiedostoon korvata oletusarvot ["key": "Ctrl + f6", "komento": "workbench.extensions.action.listExtensions"] 

Uusi sääntö tulee voimaan heti, kun Visual Studio Code päivittää säännöt ajonaikaisesti. Voit testata sen uudelleen ilman editoria, sinun tarvitsee vain painaa Ctrl + F6 tai valitsemasi avain ja luettelo asennetuista laajennuksista avautuu editorissasi.

Alla olevassa kuvassa voit nähdä testitulokseni, kun painan Ctrl + F6, sain luettelon kahdesta laajennuksesta, joilla minulla on tällä hetkellä.

Voit lisätä niin monta sääntöä kuin haluat Keybindings.json-tiedostoon. Noudata vain tavallista JSON-syntaksia, mikä tarkoittaa sitä, että sinun täytyy sijoittaa jokainen sääntö kierteisiin kiinnikkeisiin ja erottaa ne pilkulla, kuten alla näet.

 // Aseta avainliitokset tähän tiedostoon korvata oletusarvot ["key": "Ctrl + f6", "komento": "workbench.extensions.action.listExtensions", "key": "Shift + f6" , "komento": "workbench.extensions.action.installExtension"]