Hogyan hajtsunk végre pixelpontos weboldal-módosításokat a Stagewise AI segítségével
Ebben az útmutatóban megtanulhatja, hogyan használja a Stagewise bővítményt egy interaktív eszköztár hozzáadásához az élő Cursor-projektjéhez, amellyel közvetlenül választhat ki UI-elemeket és végezhet pontos vizuális szerkesztéseket az elrendezés felborítása vagy a kontextus elvesztése nélkül.
- Nyissa meg a Cursor IDE-t, menjen az Extensions fülre, keressen rá a „stagewise” kifejezésre, majd kattintson az Install gombra a bővítmény telepítéséhez.
- Nyissa meg a projektjét, nyomja meg a Cmd + Shift + P billentyűkombinációt, írja be a „Stagewise” szót, és válassza az „Auto setup toolbar” lehetőséget, hogy a bővítmény elemezhesse és módosíthassa a projektfájljait.
- Futtassa a webalkalmazást (pl. npm run dev), kattintson az alul található Stagewise eszköztárra a kijelölési módba való belépéshez, majd vigye az egeret bármelyik elem fölé, amit szerkeszteni szeretne, és kattintson rá.
- Írjon pontos utasításokat, például: „Tedd ezt a gombot teljesen lekerekítetté, és adj hozzá egy finom hover animációt”, majd küldje el a promptot a kijelölt elem kontextusával együtt.
- --
Kapcsolódó hírek