Alap használat – promptolás és kódszerkesztés

Alap használat – promptolás és kódszerkesztés

Az Inline Edit (Cmd+K) használata

Ez a leggyakrabban használt funkció. Jelöld ki a módosítani kívánt kódrészletet, nyomj Cmd+K-t, majd írd le mit szeretnél.

Példa: függvény átalakítása

Eredeti kód:

function getUserName(user) {
  return user.firstName + ' ' + user.lastName;
}

Prompt: "Add TypeScript típusokat, és használj template literal-t"

Generált eredmény:

interface User {
  firstName: string;
  lastName: string;
}

function getUserName(user: User): string {
  return `${user.firstName} ${user.lastName}`;
}

A Cursor diff nézetben mutatja a változásokat – elfogadhatod (Tab) vagy elutasíthatod (Esc).

A Chat panel (Cmd+L) használata

A chat panel az editorral párhuzamosan fut. A @ szimbólummal hivatkozhatsz fájlokra, szimbólumokra, dokumentációra.

Hasznos @ hivatkozások:

Példa chat prompt:

@components/UserCard.tsx

Miért nem renderelődik a UserCard komponens mobil nézetben?
Vizsgáld meg a stílusokat és a layout logikát.

Autocomplete hatékony használata

A Cursor autocomplete intelligensebb a szokásos kódkiegészítőknél: egész kódblokkokat javasolhat, nem csak egysoros kiegészítéseket.

// Kezded el gépelni:
function useLocalStorage

// A Cursor kiegészítheti így:
function useLocalStorage<T>(key: string, initialValue: T) {
  const [storedValue, setStoredValue] = useState<T>(() => {
    try {
      const item = window.localStorage.getItem(key);
      return item ? JSON.parse(item) : initialValue;
    } catch (error) {
      return initialValue;
    }
  });

  const setValue = (value: T) => {
    try {
      setStoredValue(value);
      window.localStorage.setItem(key, JSON.stringify(value));
    } catch (error) {
      console.error(error);
    }
  };

  return [storedValue, setValue] as const;
}

Kód magyarázat kérése

Ha ismeretlen kóddal találkozol, jelöld ki és kérd az AI magyarázatát:

1. Jelöld ki a kódrészletet
2. Nyomj Cmd+K-t
3. Írd be: "Magyarázd el ezt a kódrészletet lépésről lépésre"

📝 Összefoglaló

• Az Inline Edit (Cmd+K) a legtöbbet használt funkció helyi módosításokhoz
• A Chat panel (Cmd+L) fájlokra hivatkozva ad kontextuális segítséget
• Az @ hivatkozásokkal pontosan megadható, mi kerüljön az AI kontextusába
• Az autocomplete egész blokkokat tud javasolni, nem csak sorokat