A Visual Studio kód növeli a termelékenységet a Key Binding Management segítségével

A Visual Studio Code, a Microsoft könnyű forráskód-szerkesztője bemutatkozik csak billentyűzet-navigáció ez nem csak egy speciális hozzáférési szolgáltatás, lehetővé teszi a felhasználók számára, hogy egér nélkül navigáljanak a szerkesztőn belül, de azt is gyorsítja a kódolást.

A mai poszton belevágunk, hogyan hatékonyan kezelheti a kulcskötéseket a VS kódban nézd meg a leggyakrabban használt billentyűparancsok listáját, és láss egy példát arra vonatkozóan, hogyan hozhat létre saját egyéni kulcsokat.

A kulcskötések gyors megtalálása

A VS kód használatának megkezdése előtt nem feltétlenül kell szívesen meg kell tanulnia a billentyűparancsokat, mivel két egyszerű módja van annak, hogy gyorsan megtalálja őket.

A felső menüsorban megtalálható az előre beállított kulcskötés menüpont (1), és a parancspaletta (F1) mindegyik parancs mellett felsorolja őket (2).

A Visual Studio Code a kulcskötéseket jeleníti meg illeszkedjen az operációs rendszeréhez alapértelmezés szerint (így egy Windows-gépen megjelenik a Windows parancsai, a Mac Mac parancsai, és a Linux dobozon a Linux parancsok).

Ha nem bánja, hogy elhagyja a kódszerkesztőt, megtalálhatja a az előre beállított kulcskötések teljes listája a VS kóddokumentumban.

Előre beállított kulcskötések

A Visual Studio Code számos kulcskötelezettséget biztosít a fejlesztőknek, a következő listában a legtöbbször szerkesztettem azokat a JavaScript-fájlokat. Előfordulhat, hogy mások jobban illeszkednek a saját munkafolyamatához, ezért érdemes a teljes listát is böngészni.

Az összes kulcskötés testreszabható a VS kódban, megnézzük, hogyan kell ezt tenni a cikk utolsó részében.

Most nézzük 36 gyakran használt billentyűparancs, a 3 fő operációs rendszer (Win, OS X, Linux) esetében, amelyek közül sokan ismerik a többi Microsoft szoftvert.

Navigáció

1. Az F1 (Win, Linux, Mac) - Parancspaletta megmutatja az összes parancsot, amelyek közül az egyiket kiválaszthatja, vagy maga is megadhat parancsot
2. Ctrl + P (Win, Linux), Cmd + P (Mac) - Gyors nyitás, Ugrás a fájlra
3. Ctrl + Shift + O (Win, Linux), Shift + Cmd + O (Mac) - Az összes fájl (például funkciók, prototípusok stb.) Listájának megjelenítése az aktuális fájlban
4. Ctrl + G (Win, Linux, Mac) - Ugrás egy adott sorra
5. Ctrl + Shift + M (Win, Linux), Shift + Cmd + M (Mac) - Az összes hiba és figyelmeztetés megjelenítése
6. Alt + Bal (Win), Ctrl + - (Mac), Ctrl + Alt + - (Linux) - Menj vissza, a kurzor az előző helyre ugrik
7. Alt + Jobb (Win), Ctrl + Shift + - (Mac), Ctrl + Shift + - (Linux) - Menj előre, a kurzor a következő helyre ugrik
8. ? (Win, Linux, Mac) - Az aktuális fájlhoz rendelkezésre álló parancsok a Parancspalettán belül (a használat előtt meg kell nyitnia a parancssorot (F1)

Fájl- és szerkesztőkezelés

A szakasz teljes listáját két különböző helyen találhatja a VS kóddokumentumokban, a szerkesztő / ablakkezelésben és a fájlkezelésben..

A VS kód egyszerre 3 szerkesztőpanelet nyithat meg, az # 5 - # 7 parancsok csak akkor működnek, ha egynél több szerkesztőpanel nyitva van.

1. Ctrl + N (Win, Linux), Cmd + N (Mac) - Új fájl
2. Ctrl + O (Win, Linux) - Nyissa meg a fájlt
3. Ctrl + S (Win, Linux), Cmd + S (Mac) - Mentés
4. Ctrl + (Win, Linux), Cmd + (Mac) - Split szerkesztő
5. Ctrl + 1 (Win, Linux), Cmd + 1 (Mac) - Fókuszáljon az első szerkesztőpanelre
6. Ctrl + 2 (Win, Linux), Cmd + 2 (Mac) - Fókuszáljon a második szerkesztőpanelre
7. Ctrl + 3 (Win, Linux), Cmd + 3 (Mac) - Fókuszáljon a harmadik szerkesztőpanelre

Alapszerkesztés

Ahhoz, hogy a kulcskötések az alábbiak szerint működjenek, nem kell kiemelni az egész sort, elég ahhoz, hogy a kurzorban bárhová navigálhasson a szerkeszteni kívánt sorban..

1. Ctrl + X (Win, Linux), Cmd + X (Mac) - Vágott vonal
2. Ctrl + C (Win, Linux), Cmd + C (Mac) - Másolási sor
3. Ctrl + Shift + K (Win, Linux), Shift + Cmd + K (Mac) - Törlés sor
4. Alt + Le (Win, Linux), Opció + Le (Mac) - Vonal lefelé mozgatása
5. Alt + Fel (Win, Linux), Opció + Fel (Mac) - Vonal felfelé mozgatása
6. Ctrl + I (Win, Linux), Cmd + I (Mac) - Az aktuális sor kiválasztása
7. Ctrl +] (Win, Linux), Cmd +] (Mac) - Behúzó sor
8. Ctrl + [(Win, Linux), Cmd + [(Mac) - Outdent vonal

Gazdag nyelvek szerkesztése

Jelenleg 2016 májusától kezdődően a VS-kód beépített gazdag szerkesztési támogatást biztosít a JavaScript és a TypeScript számára, de a nyelvtámogatási bővítményeket számos más nyelvre letöltheti a VS-kód piactérről.

Itt a Dokumentumokban megtekintheti a használni kívánt nyelvet. Ne feledje, hogy mivel a VS kód még mindig a korai napokban van, más nyelveken is gazdag szerkesztési támogatás érhető el.

1. Ctrl + Space (Win, Linux, Mac) - A trigger javaslata
2. Ctrl + Shift + Space (Win, Linux), Shift + Cmd + Tér (Mac) - Paraméteres tippek indítása
3. Alt + F12 (Win), Opció + F12 (Mac), Ctrl + Shift + F10 (Linux) - Peek definíció
4. Shift + F12 (Win, Linux, Mac) - Referenciák megjelenítése
5. Ctrl + Shift + X (Win, Linux), Shift + Cmd + X (Mac) - Trim trailing terek

Kijelző

1. F11 (Win, Linux), Ctrl + Cmd + F (Mac) - Teljes képernyő váltása
2. Ctrl + = (Win, Linux), Cmd + = (Mac) - Nagyítás
3. Ctrl + - (Win, Linux), Cmd + - (Mac) - Kicsinyítés
4. Ctrl + B (Win, Linux), Cmd + B (Mac) - Az oldalsáv láthatóságának váltása
5. Ctrl + Shift + D (Win, Linux), Shift + Cmd + D (Mac) - A hibakeresés az oldalsávban (bal oldalon)
6. Ctrl + Shift + E (Win, Linux), Shift + Cmd + E (Mac) - Az Explorer megjelenítése az oldalsávban (bal oldalon)
7. Ctrl + Shift + G (Win, Linux, Mac) - Git megjelenítése az oldalsávban (bal oldalon)
8. Ctrl + Shift + F (Win, Linux), Shift + Cmd + F (Mac) - Keresés megjelenítése az oldalsávban (bal oldalon)

A VS-kódban szereplő kulcskötések testreszabása

A kulcskötések testreszabása három fő dolog esetében hasznos lehet.

Először is, ha már megszokta bizonyos billentyűparancsokat egy másik kódszerkesztőben, nem kell új tanulni.

Másodszor, néhány előre beállított kulcskötés csak igaz túl nehéz emlékezni, például a Ctrl + K + F12 Windows gyorsbillentyűt az Open Definition oldalhoz parancshoz.

Harmadszor, vannak is nem kijelölt kulcskötések a VS-kódban, mint például a Felhasználói beállítások megnyitása, és a Munkaterület beállításainak megnyitása (megtalálható itt a Dokumentumokban), akkor érdemes használni őket.

A kulcskötéseket a JSON formátumú konfigurációs fájl, hasonlít a felhasználói és a munkaterület beállításainak testreszabásához. A szerkeszteni kívánt fájlt hívják keybindings.json, és megnyithatja azt a Fájl> Beállítások> Billentyűparancsok menüben a felső menüsorban.

Ha rákattint, megnyílik a VS kód két szerkesztőpanel egymás mellett, az egyik a alapértelmezett billentyűparancsok a bal oldalon, és egy az Ön számára testreszabott kulcskötések jobbra.

Nem kell mást tennie, csak másolja be a kulcsokat balról jobbra a JSON formátumot megtartva, és írja át a kulcsot az egyéni.

Lássunk egy gyors példát. Mondja el, hogy könnyedén elérheti a Telepített bővítmények megjelenítése parancsot, amely alapértelmezés szerint nem rendelkezik hozzárendelt kulcskötéssel. Ebben az esetben nem elég, ha csak a bal oldalról jobbra másol be, mivel a nem rendelt kulcsok nem szerepelnek az alapértelmezett listában.

Be kell tartanod a szintaxis kulcskötések követik a Visual Studio kódban:

 "key": "", "amikor": "", "parancs": "" 

Tekintse meg néhány valós példát a billentyűzet szabályainak megfelelő beállítására. A választható rész, akkor nem kell használni a globális kulcskötések beállításához csak akkor használatos, ha egy bizonyos parancsikon egy bizonyos képernyőhöz vagy módhoz van kötve, például az inDebugMode esetében.

Példánkban meg fogjuk határozni globális kulcskötés, ami azt jelenti, hogy csak az “kulcs” és “parancs” az egyéni billentyűzetszabályunkban.

Először nézzük meg a telepített bővítmény megjelenítése parancshoz tartozó parancsot. Ezt könnyen elvégezhetjük a dokumentumokban, ami azt mutatja, hogy a szükséges azonosító a workbench.extensions.action.listExtensions.

A másik szükséges adat a kulcs. Az egyéni kulcs, amelyet a Telepített bővítmény megjelenítése parancshoz kötünk más kulcsfontosságú kötelező erejű szabályok nem használhatók, és a megfelelő kulcsszintaxist kell követnie, ami azt jelenti, hogy a módosítót (lásd az elfogadott módosításokat az OS által) és maga a kulcs.

Ahogyan egy Windows gépen dolgozom, a Ctrl + F6 kulcsot választom, mivel minden követelménynek megfelel, de kiválaszthat bármilyen más, az Ön igényeinek leginkább megfelelő kulcsot.

A keybindings.json fájlom így fog kinézni:

 // Helyezze be a kulcskötéseit ebbe a fájlba, hogy felülírja az alapértelmezett értékeket ["kulcs": "Ctrl + f6", "parancs": "workbench.extensions.action.listExtensions"] 

Az új szabály azonnal érvényes, mint a Visual Studio Code frissíti a szabályokat futásidőben. Kipróbálhatja azt a szerkesztő újraindítása nélkül, csak meg kell nyomnia a Ctrl + F6 billentyűt, vagy a választott kulcsot, és a telepített bővítmények listája megjelenik a szerkesztőben.

Az alábbi képernyőképen láthatod a tesztelési eredményeket, a Ctrl + F6 gomb megnyomásával kaptam egy listát a két bővítményről, amelyek jelenleg vannak.

Hozzáadhat annyi szabályt, amennyit akarsz a Keybindings.json fájlba. Kövesse a rendszeres JSON-szintaxist, ami azt jelenti, hogy minden szabályt be kell helyeznie egy göndör zárójelbe, és vesszővel elválasztva, ahogy az alábbiakban láthatod.

 // Helyezze be a kulcskötéseit ebbe a fájlba, hogy felülírja az alapértelmezett értékeket ["kulcs": "Ctrl + f6", "parancs": "workbench.extensions.action.listExtensions", "kulcs": "Shift + f6" , "parancs": "workbench.extensions.action.installExtension"]