Produktywność: skróty, snippety, refaktoryzacja#

Ręce na klawiaturze#

Najszybszy zwrot z inwestycji w naukę IDE to skróty i bezpieczne refaktoryzacje. Mysz spowalnia; po kilku dniach świadomego używania skrótów piszesz wyraźnie szybciej i mniej się męczysz.

Skróty, które warto znać od ręki#

Działanie	Visual Studio	VS Code
Szybkie szukanie pliku	Ctrl+,	Ctrl+P
Paleta komend	Ctrl+Q	Ctrl+Shift+P
Przejdź do definicji	F12	F12
Znajdź wszystkie referencje	Shift+F12	Shift+F12
Zmień nazwę (rename)	Ctrl+R, R	F2
Multi-kursor	Alt+klik	Alt+klik
Zaznacz następne wystąpienie	—	Ctrl+D
Przesuń linię w górę/dół	Alt+↑/↓	Alt+↑/↓
Komentarz	Ctrl+K, C	Ctrl+/

Wskazówka: Nie ucz się wszystkich naraz. Wybierz 3 skróty na tydzień i używaj ich świadomie, aż wejdą w nawyk. Po miesiącu masz ich kilkanaście "w palcach".

Snippety — przestań przepisywać szablony#

Snippety rozwijają skrót w gotowy blok kodu. VS Code pozwala dodać własne w pliku użytkownika (paleta → Snippets: Configure Snippets):

{
  "React component": {
    "prefix": "rfc",
    "body": [
      "export default function ${1:Component}() {",
      "  return (",
      "    <div>$0</div>",
      "  );",
      "}"
    ],
    "description": "Funkcyjny komponent React"
  }
}

Wpisanie rfc i Tab generuje cały komponent, a $1/$0 to miejsca, po których skaczesz Tab-em. W Visual Studio analogicznie działają Code Snippets (np. prop + Tab + Tab dla właściwości C#).

Refaktoryzacja — bezpieczne zmiany#

Refaktoryzacja przez IDE jest bezpieczniejsza niż "znajdź i zamień", bo działa na poziomie symboli, nie tekstu.

• Rename (F2 / Ctrl+R,R) — zmienia nazwę zmiennej/metody we wszystkich użyciach, także w innych plikach. Nie tknie przypadkowo podobnego napisu w stringu.
• Extract Method / Function — zaznacz fragment i wyciągnij do osobnej metody. IDE samo dobierze parametry.
• Quick Fix (Ctrl+. ) — żarówka proponuje import brakującego typu, usunięcie nieużywanej zmiennej, dodanie await itd.

// Zaznacz te dwie linie -> Ctrl+. -> Extract Method
var net = price / 1.23m;
var rounded = Math.Round(net, 2);

Nawigacja po kodzie#

F12 (Go to Definition) i Shift+F12 (Find All References) to podstawa czytania cudzego kodu. Go to Symbol (Ctrl+T w VS Code) przeskakuje do dowolnej klasy czy funkcji w projekcie po nazwie.

Podsumowanie#

Trzy filary tempa: skróty (ręce na klawiaturze), snippety (zero przepisywania szablonów) i refaktoryzacje IDE (bezpieczne zmiany na symbolach). Wdrażaj je stopniowo, a po miesiącu pracujesz zauważalnie szybciej.