Tervezzen jobb weboldalakat a Cursor új vizuális szerkesztőjével
Tanulja meg, hogyan állíthatja be és használhatja gyorsan a Cursor új vizuális szerkesztőjét a frontend tervezés finomításához anélkül, hogy oda-vissza kellene váltania egy olyan tervezőeszközzel, mint a Figma.
- Nyisson meg egy új projektet a Cursorban egy HTML és egy CSS fájllal (a legújabb frissítés szükséges) — kérje meg a Cursor ágenst, hogy építsen egy egyszerű index.html + styles.css fájlt, vagy használjon egy sablont.
- Telepítse a live server kiterjesztést: nyomja meg a CMD+Shift+P billentyűkombinációt, keressen rá az 'Open with Live Server' opcióra, majd másolja ki az URL-t és illessze be a Cursor böngészőjébe (CMD+Shift+B).
- Kapcsolja be az elemválasztót (element selector), kattintson bármelyik elemre a tulajdonságok szerkesztéséhez a Design panelen, vagy mondja meg az ágensnek az aktív chatben, hogy milyen változtatásokat szeretne.
- Kattintson az 'Apply' gombra, hogy az ágens elvégezze a módosításokat — a mentéshez válassza a 'Keep' vagy 'Keep All' lehetőséget (az ágens automatikusan frissíti a class-okat, így a változtatások minden egyező elemre érvényesülnek).
- Pro tipp: Menet közben folyamatosan mentse a haladást Git segítségével, hogy szükség esetén könnyen visszavonhassa a stílusmódosításokat.
Kapcsolódó hírek
Az 5-szintes AI jártassági modell teljesen kezdőknek
2026. április 2.
Hogyan használjuk a Dispatch-et a számítógép távoli vezérlésére a Claude segítségével
2026. március 25.
Hogyan használd a Claude-ot AI tárhelytisztító segédpilótaként
2026. március 24.