Codul Visual Studio Cresterea productivitatii prin intermediul managementului obligatiilor cheie

Codul Visual Studio, editorul ușor de cod sursă al Microsoft introduce numai navigare prin tastatură asta nu este doar un funcționalitate avansată de accesibilitate, permițând utilizatorilor să navigheze în cadrul editorului fără un mouse, dar, de asemenea accelerează codificarea.

În postul de astăzi vom discuta cum să procedăm gestiona în mod eficient legăturile cheie în Codul VS, aruncați o privire la o listă curate a celor mai utilizate comenzi rapide de la tastatură și vedeți un exemplu despre cum puteți să creați propriile taste personalizate.

Găsiți legăturile cheie rapid

Nu trebuie neapărat să înveți comenzi rapide de la tastatură de la inimă chiar când începeți să utilizați codul VS, deoarece există două modalități ușoare de a le găsi rapid.

În bara de meniu de sus, puteți găsi cheia presetată legată lângă fiecare punct de meniu (1), iar paleta de comandă (F1) le afișează lângă fiecare comandă (2).

Codul Visual Studio afișează legăturile cheie se potrivesc sistemului dvs. de operare în mod implicit (așa că pe o mașină Windows veți vedea comenzile Windows, pe comenzile Macinthe Mac și într-o casetă Linux comenzile Linux).

Dacă nu vă deranjează să părăsiți editorul de cod, puteți găsi și lista completă a legărilor de taste presetate în Documentele Codului VS.

Setări corecte presetate

Codul Visual Studio furnizează dezvoltatorilor numeroase legături cheie, în lista următoare i-am conditat pe cele pe care le-am utilizat cel mai des în timp ce editează fișiere JavaScript. Puteți găsi că alții se potrivesc mai bine cu propriul dvs. flux de lucru, deci merită să răsfoiți singuri lista completă.

Toate legăturile cheie pot fi personalizate în Codul VS, vom analiza cum se face acest lucru în ultima parte a acestui articol.

Acum să vedem 36 comenzi rapide de la tastatură utilizate frecvent, respectiv pentru cele 3 sisteme de operare principale (Win, OS X, Linux), dintre care multe pot fi cunoscute de alte programe Microsoft.

Navigare

1. F1 (Win, Linux, Mac) - Paleta de comenzi, afișează toate comenzile din care puteți selecta o singură comandă sau puteți de asemenea tasta o comandă de unul singur
2. Ctrl + P (Win, Linux), Cmd + P (Mac) - Deschidere rapidă, Accesați fișierul
3. Ctrl + Shift + O (Win, Linux), Shift + Cmd + O (Mac) - Afișați o listă a tuturor simbolurilor (cum ar fi funcții, prototipuri etc.)
4. Ctrl + G (Win, Linux, Mac) - Accesați o linie specifică
5. Ctrl + Shift + M (Win, Linux), Shift + Cmd + M (Mac) - Afișați toate erorile și avertismentele
6. Alt + Stânga (Câștigă), Ctrl + - (Mac), Ctrl + Alt + - (Linux) - Înapoi, cursorul revine la locația anterioară
7. Alt + Dreapta (Câștigați), Ctrl + Shift + - (Mac), Ctrl + Shift + - (Linux) - Mergeți înainte, cursorul sare înainte în următoarea locație
8. ? (Win, Linux, Mac) - Comenzi care sunt disponibile pentru fișierul curent în interiorul paletei de comandă (înainte de a utiliza acest lucru, trebuie să deschideți paleta de comandă (F1)

Administrarea fișierelor și a editorilor

Puteți găsi lista completă pentru această secțiune în două locuri diferite în Documentele VS Code, în Editor / Gestionare ferestre și în Gestionarea fișierelor.

Codul VS poate deschide simultan 3 panouri de editor, comenzile # 5 până la # 7 funcționează numai dacă sunt deschise mai multe panouri de editor.

1. Ctrl + N (Win, Linux), Cmd + N (Mac) - Fișier nou
2. Ctrl + O (Win, Linux) - Deschideți fișierul
3. Ctrl + S (Win, Linux), Cmd + S (Mac) - Salvare
4. Ctrl + \ (Win, Linux), editor Cmd + \ (Mac) - Split
5. Ctrl + 1 (Win, Linux), Cmd + 1 (Mac) - Focalizați-vă în primul panou de editor
6. Ctrl + 2 (Win, Linux), Cmd + 2 (Mac) - Focalizați în al doilea panou de editor
7. Ctrl + 3 (Win, Linux), Cmd + 3 (Mac) - Focalizați în al treilea panou de editor

Editarea de bază

Pentru a face ca legăturile cheie să funcționeze mai jos, nu trebuie să evidențiați întreaga linie, este suficient să navigați cursorul oriunde pe linia pe care doriți să o editați.

1. Ctrl + X (Win, Linux), Cmd + X (Mac) - Linie de tăiere
2. Ctrl + C (Win, Linux), Cmd + C (Mac) - Copiați linia
3. Ctrl + Shift + K (Win, Linux), Shift + Cmd + K (Mac) - Șterge linia
4. Alt + Jos (Win, Linux), Opțiune + Jos (Mac) - Deplasați linia în jos
5. Alt + Up (Win, Linux), Opțiune + Sus (Mac) - Deplasați linia în sus
6. Ctrl + I (Win, Linux), Cmd + I (Mac) - Selectați linia curentă
7. Ctrl +] (Win, Linux), Cmd +] (Mac) - Indent linia
8. Ctrl + [(Win, Linux), Cmd + [(Mac) - Linie învechită

Editarea lingvistică îmbogățită

În prezent, din mai 2016, codul VS are built-in suport bogat de editare pentru JavaScript și TypeScript, dar puteți descărca extensii de suport pentru multe limbi din VS Code Marketplace.

Aici în Docs puteți să verificați opțiunile pe care le aveți pentru limba pe care doriți să o utilizați. Rețineți că, deoarece codul VS este încă în primele sale zile, suportul bogat de editare poate apărea și pentru alte limbi.

1. Ctrl + Space (Win, Linux, Mac) - Sugestie de declanșare
2. Ctrl + Shift + Space (Win, Linux), Shift + Cmd + Spațiu (Mac) - Sugestii pentru parametrii de declanșare
3. Alt + F12 (Win), Opțiune + F12 (Mac), Ctrl + Shift + F10 (Linux) - Definiție
4. Shift + F12 (Win, Linux, Mac) - Afișați referințe
5. Ctrl + Shift + X (Win, Linux), Shift + Cmd + X (Mac)

Afişa

1. F11 (Win, Linux), Ctrl + Cmd + F (Mac) - Comutați între ecranul complet
2. Ctrl + = (Win, Linux), Cmd + = (Mac) - Mărire
3. Ctrl + - (Win, Linux), Cmd + - (Mac) - Micșorați
4. Ctrl + B (Win, Linux), Cmd + B (Mac) - Comutați vizibilitatea barei laterale
5. Ctrl + Shift + D (Win, Linux), Shift + Cmd + D (Mac) - Afișați depanarea în bara laterală (în partea stângă)
6. Ctrl + Shift + E (Win, Linux), Shift + Cmd + E (Mac) - Arată Explorer în bara laterală (în stânga)
7. Ctrl + Shift + G (Win, Linux, Mac) - Afișați Git în bara laterală (în partea stângă)
8. Ctrl + Shift + F (Win, Linux), Shift + Cmd + F (Mac) - Afișați căutarea în bara laterală (în partea stângă)

Cum să personalizați legăturile cheie în codul VS

Personalizarea legărilor cheie poate fi utilă pentru trei lucruri principale.

În primul rând, dacă v-ați obișnuit deja cu anumite comenzi rapide de la tastatură într-un alt editor de cod, nu este necesar să învățați pe altele noi.

În al doilea rând, unele dintre legările cheie presetate sunt corecte prea greu de reținut, de exemplu, luați comanda rapidă Ctrl + K + F12 Windows pentru comanda Open definition în partea laterală.

În al treilea rând, există, de asemenea legaturile cheie neasignate în Codul VS, cum ar fi Open User Settings și Open Workspace Settings (găsiți-le aici în Docs) pe care doriți să le utilizați.

Puteți personaliza legăturile cheie cu ajutorul unui a Formatul de configurare în format JSON, într-un mod similar cu modul în care puteți personaliza setările pentru utilizator și pentru spațiul de lucru. Se numește fișierul pe care trebuie să îl editați keybindings.json, și îl puteți deschide făcând clic pe meniul File> Preferences> Shortcuts tastatură în bara de meniu de sus.

Când faceți clic pe el, se deschide codul VS două panouri editor una lângă cealaltă, una pentru comenzile rapide de la tastatură în partea stângă și una pentru dvs. personalizate legături cheie pe dreapta.

Nu trebuie să faceți altceva, doar copiați-lipiți cheile de la stânga spre dreapta menținând formatul JSON și rescrieți cheia la cea personalizată.

Să vedem un exemplu rapid. Spuneți că doriți să accesați cu ușurință comanda Show Installed Extensions, care nu are implicit obligatoriu cheia asociată. În acest caz, nu este suficient să copiați și să lipiți doar din partea stângă spre dreapta, deoarece cheile neaseminate nu sunt incluse în lista implicită.

Va trebui să rămâi legările cheii de sintaxă urmează în Codul Visual Studio:

 "cheie": "", "când": "", "comandă": "" 

Consultați câteva exemple din viața reală cu privire la modul de setare corectă a regulilor de tastatură. Când partea este opțională, nu trebuie să o utilizați pentru a seta legăturile cheie globale se utilizează numai atunci când o anumită comandă rapidă este legată de un anumit ecran sau mod, cum ar fi în cazul inDebugMode.

În exemplul nostru, vom stabili o cheie globală obligatorie, ceea ce înseamnă că trebuie să setăm doar valorile “cheie” și “comanda” în regula noastră de tastatură particularizată.

Mai întâi, să vedem id-ul comenzii care aparține comenzii Show Extension Extension. Putem face cu ușurință acest lucru în docs, care ne arată că ID-ul de comandă de care avem nevoie este workbench.extensions.action.listExtensions.

Cealaltă piesă de date de care avem nevoie este cheia. Cheia personalizată se va lega de comanda Show Extension Extension nu poate fi folosit de nici o altă regulă cheie obligatorie, și trebuie să urmeze sintaxa cheie potrivită, ceea ce înseamnă că trebuie făcută din modificator (vezi modificatorii acceptați de sistemul de operare) și cheia în sine.

Pe măsură ce lucrez pe o mașină Windows, o să aleg cheia Ctrl + F6, deoarece îndeplinește toate cerințele, dar puteți alege oricare altă cheie potrivită pentru nevoile dvs. cele mai bune.

Fișierul keybindings.json va arăta astfel:

 // Se pune legăturile cheie în acest fișier pentru a suprascrie valorile implicite [ „cheie“: „Ctrl + F6“, „comanda“: „workbench.extensions.action.listExtensions“] 

Noua regulă are efect imediat, ca Visual Studio Code actualizează regulile în timpul rulării. Puteți să-l testați fără a reporni editorul, trebuie doar să apăsați Ctrl + F6 sau tasta pe care ați ales-o și o listă cu extensiile instalate va apărea în editorul dvs..

În ecranul de mai jos, puteți vedea rezultatele testelor mele, apăsând Ctrl + F6, am o listă cu cele două extensii pe care le am în prezent.

Poti sa adaugi cât de multe reguli doriți la fișierul keybindings.json. Doar urmați sintaxa obișnuită JSON, ceea ce înseamnă că trebuie să plasați fiecare regulă în interiorul unei perechi de paranteze curbate și să le separați cu o virgulă, după cum puteți vedea mai jos.

 // Se pune legăturile cheie în acest fișier pentru a suprascrie valorile implicite [ "cheie": "Ctrl + F6", "comanda": "workbench.extensions.action.listExtensions", "cheie" : "Shift + F6" , "comanda": "workbench.extensions.action.installExtension"]