Kód Visual Studio Zvyšování produktivity prostřednictvím správy klíčových vazeb

Kód Visual Studio, zavádí editor lehkého zdrojového kódu společnosti Microsoft navigace pouze pomocí klávesnice to není jen rozšířená funkce usnadnění přístupu, umožňuje uživatelům procházet v editoru bez myši, ale také zrychluje kódování.

V dnešním příspěvku se ponoříme do toho, jak efektivně spravovat klíčové vazby ve VS Code, podívejte se na seznam nejběžněji používaných klávesových zkratek a podívejte se na příklad, jak si můžete vytvořit vlastní klíče.

Rychlé hledání vazeb klíčů

Nemusíte nutně potřebovat učit se klávesové zkratky srdcem, když začnete používat VS kód, protože existují dva jednoduché způsoby, jak je rychle najít..

V horní liště nabídek najdete vazbu přednastavených tlačítek vedle každého bod menu (1) a příkazová paleta (F1) je také uvádí vedle každého příkazu (2).

Kód Visual Studio zobrazí klíčové vazby, které odpovídající vašemu operačnímu systému ve výchozím nastavení (na počítači se systémem Windows uvidíte příkazy systému Windows, příkazy Mac Mac a příkaz Linux v příkazovém řádku Linux).

Pokud vám nevadí opustit editor kódu, můžete také najít úplný seznam přednastavených klávesových vazeb v dokumentech VS kódu.

Přednastavené klávesové vazby

Kód Visual Studio poskytuje vývojářům mnoho klíčových vazeb, v následujícím seznamu jsem kurátorem těch, které jsem používal nejčastěji při editaci souborů JavaScript. Možná zjistíte, že jiní lépe vyhovují vašemu vlastnímu pracovnímu postupu, takže stojí za to také procházet celý seznam sami.

Všechny klíčové vazby lze přizpůsobit ve VS kódu, budeme se podívat na to, jak to udělat v poslední části tohoto článku.

Podívejme se 36 často používaných klávesových zkratek, pro 3 hlavní operační systémy (Win, OS X, Linux), z nichž mnohé mohou být známé z jiných softwarů společnosti Microsoft.

Navigace

1. F1 (Win, Linux, Mac) - Příkazová paleta, zobrazuje všechny příkazy, ze kterých si můžete vybrat, nebo můžete také zadat příkaz sami
2. Ctrl + P (Win, Linux), Cmd + P (Mac) - Rychlé otevření, Jdi na soubor
3. Ctrl + Shift + O (Win, Linux), Shift + Cmd + O (Mac) - Zobrazí seznam všech symbolů (například funkcí, prototypů atd.) V aktuálním souboru
4. Ctrl + G (Win, Linux, Mac) - Přejděte na konkrétní řádek
5. Ctrl + Shift + M (Win, Linux), Shift + Cmd + M (Mac) - Zobrazit všechny chyby a varování
6. Alt + Vlevo (Win), Ctrl + - (Mac), Ctrl + Alt + - (Linux) - Návrat zpět, kurzor přeskočí zpět na své předchozí místo
7. Alt + Right (Win), Ctrl + Shift + - (Mac), Ctrl + Shift + - (Linux) - Přechod vpřed, kurzor přeskočí na další místo
8. ? (Win, Linux, Mac) - Příkazy, které jsou dostupné pro aktuální soubor uvnitř Palety příkazů (před použitím této funkce musíte otevřít příkazovou paletu (F1)

Správa souborů a editorů

Úplný seznam pro tuto sekci naleznete na dvou různých místech v dokumentech kódu VS, v editoru editoru / okna a ve správě souborů..

VS Code může otevřít 3 editorové panely najednou, příkazy # 5 až # 7 fungují pouze v případě, že jsou otevřena více než jedna okna editoru.

1. Ctrl + N (Win, Linux), Cmd + N (Mac) - Nový soubor
2. Ctrl + O (Win, Linux) - Otevřít soubor
3. Ctrl + S (Win, Linux), Cmd + S (Mac) - Uložit
4. Ctrl + (Win, Linux), Cmd + (Mac) - Split editor
5. Ctrl + 1 (Win, Linux), Cmd + 1 (Mac) - Zaměřte se na první panel editoru
6. Ctrl + 2 (Win, Linux), Cmd + 2 (Mac) - Zaostřete na druhou tabulku editoru
7. Ctrl + 3 (Win, Linux), Cmd + 3 (Mac) - Zaostřete do třetího editoru

Základní úprava

Chcete-li, aby níže uvedené klávesové vazby fungovaly, nemusíte celý řádek zvýrazňovat, stačí se pohybovat kurzorem kdekoli v řádku, který chcete upravit..

1. Ctrl + X (Win, Linux), Cmd + X (Mac) - Řezná čára
2. Ctrl + C (Win, Linux), Cmd + C (Mac) - Kopírovat řádek
3. Ctrl + Shift + K (Win, Linux), Shift + Cmd + K (Mac) - Smazat řádek
4. Alt + Down (Win, Linux), Option + Down (Mac) - Přesunout řádek dolů
5. Alt + Up (Win, Linux), Option + Up (Mac) - Přesunout řádek nahoru
6. Ctrl + I (Win, Linux), Cmd + I (Mac) - Vyberte aktuální řádek
7. Ctrl +] (Win, Linux), Cmd +] (Mac) - řádek odsazení
8. Ctrl + [(Win, Linux), Cmd + [(Mac) - Outdent line

Úprava jazyků

V současné době, od května 2016, VS Code má vestavěnou bohatou editační podporu pro JavaScript a TypeScript, ale můžete si stáhnout jazykové podpory rozšíření pro mnoho dalších jazyků z VS trhu Market..

Zde v Dokumentech se můžete podívat na možnosti, které máte pro jazyk, který chcete použít. Všimněte si, že VS kód je stále v prvních dnech, bohatá podpora úprav může přijít i pro jiné jazyky.

1. Ctrl + Space (Win, Linux, Mac) - Trigger navrhnout
2. Ctrl + Shift + Prostor (Win, Linux), Shift + Cmd + Space (Mac) - Pokyny pro parametr spouštění
3. Alt + F12 (Win), Option + F12 (Mac), Ctrl + Shift + F10 (Linux) - Definice Peek
4. Shift + F12 (Win, Linux, Mac) - Zobrazit odkazy
5. Ctrl + Shift + X (Win, Linux), Shift + Cmd + X (Mac) - Trim koncové mezery

Zobrazit

1. F11 (Win, Linux), Ctrl + Cmd + F (Mac) - Přepnout na celou obrazovku
2. Ctrl + = (Win, Linux), Cmd + = (Mac) - Zvětšení
3. Ctrl + - (Win, Linux), Cmd + - (Mac) - Oddálení
4. Ctrl + B (Win, Linux), Cmd + B (Mac) - Přepnutí viditelnosti postranního panelu
5. Ctrl + Shift + D (Win, Linux), Shift + Cmd + D (Mac) - Zobrazit ladění v postranním panelu (vlevo)
6. Ctrl + Shift + E (Win, Linux), Shift + Cmd + E (Mac) - Zobrazit prohlížeč v postranním panelu (vlevo)
7. Ctrl + Shift + G (Win, Linux, Mac) - Zobrazit git v postranním panelu (vlevo)
8. Ctrl + Shift + F (Win, Linux), Shift + Cmd + F (Mac) - Zobrazit vyhledávání v postranním panelu (vlevo)

Jak přizpůsobit klávesové vazby ve VS kódu

Přizpůsobení klávesových vazeb může být užitečné pro tři hlavní věci.

Za prvé, pokud jste si již zvykli na některé klávesové zkratky v jiném editoru kódu, nemusíte se učit nové.

Za druhé, některé přednastavené klávesové vazby jsou jen příliš těžké vzpomenout, například použijte zkratku Ctrl + K + F12 Windows pro příkaz Otevřít definici na stranu.

Za třetí, existují také nepřiřazené klávesové vazby ve VS kódu, jako je Otevřít uživatelské nastavení a Otevřít nastavení pracovního prostoru (najdete je zde v Dokumentech), můžete je použít.

Pomocí kláves a můžete přizpůsobit klávesové vazby Konfigurační soubor formátu JSON, podobným způsobem, jak můžete přizpůsobit nastavení uživatele a pracovního prostoru. Zavolá se soubor, který potřebujete upravit keybindings.json, a můžete ho otevřít kliknutím na nabídku Soubor> Předvolby> Klávesové zkratky v horním panelu nabídek.

Když na něj kliknete, otevře se kód VS dvou panelů editoru vedle sebe, jeden pro standardní klávesové zkratky vlevo a jeden pro vaše přizpůsobené klávesové vazby napravo.

Nemusíte dělat nic jiného, ​​jen zkopírovat a vložit klíče zleva doprava a zachovat formát JSON a přepsat klíč na vlastní..

Podívejme se na rychlý příklad. Řekněme, že chcete snadno přistupovat k příkazu Zobrazit nainstalovaná rozšíření, který ve výchozím nastavení nemá přiřazenou vazbu klíče. V tomto případě nestačí pouze kopírovat-vkládat zleva doprava, protože nepřiřazené klíče nejsou zahrnuty do výchozího seznamu.

Budeš se muset držet následují vazby kláves syntaxe v kódu Visual Studio:

 "key": "", "when": "", "command": "" 

Podívejte se na několik příkladů, jak správně nastavit pravidla klávesnice. Když je část volitelná, nemusíte ji používat pro nastavení globálních vazeb klíčů, je to používá se pouze tehdy, když je určitá zkratka vázána na určitou obrazovku nebo režim, jako v případě inDebugMode.

V našem příkladu nastavíme globální vazba klíče, což znamená, že musíme pouze nastavit hodnoty “klíč” a “příkaz” v našem vlastním pravidlu klávesnice.

Nejprve se podívejme na příkaz id, který patří do příkazu Show Installed Extension. Můžeme to snadno udělat v dokumentech, což ukazuje, že příkaz id potřebujeme, je workbench.extensions.action.listExtensions.

Dalším datem, který potřebujeme, je klíč. Vlastní klíč, který budeme vázat na příkaz Zobrazit nainstalované rozšíření nelze použít jinými klíčovými závaznými pravidly, a musí dodržovat správnou syntaxi klíče, což znamená, že musí být vytvořena z modifikátor (viz přijaté modifikátory OS) a samotný klíč.

Když pracuji na počítači se systémem Windows, zvolím klíč Ctrl + F6, protože splňuje všechny požadavky, ale můžete si vybrat jakýkoli jiný klíč, který nejlépe vyhovuje vašim potřebám..

Můj soubor keybindings.json bude vypadat takto:

 // Umístěte klíčové vazby do tohoto souboru, abyste přepsali výchozí hodnoty ["key": "Ctrl + f6", "příkaz": "workbench.extensions.action.listExtensions"] 

Nové pravidlo se projeví okamžitě, jako kód Visual Studio aktualizuje pravidla za běhu. Můžete jej otestovat bez restartování editoru, stačí stisknout klávesy Ctrl + F6 nebo zvolený klíč a v editoru se zobrazí seznam nainstalovaných rozšíření..

Na níže uvedeném obrázku můžete vidět výsledky testů, po stisknutí kláves Ctrl + F6 jsem dostal seznam dvou rozšíření, která mám v současné době..

Můžeš přidat co nejvíce pravidel, jak chcete do souboru keybindings.json. Stačí následovat pravidelnou syntaxi JSON, což znamená, že je nutné umístit každé pravidlo do dvojice složených závorek a oddělit je čárkou, jak můžete vidět níže..

 // Umístěte klíčové vazby do tohoto souboru, abyste přepsali výchozí hodnoty ["key": "Ctrl + f6", "příkaz": "workbench.extensions.action.listExtensions", "key": "Shift + f6" , "command": "workbench.extensions.action.installExtension"]