Luontinäkymä
Asettelun yleiskatsaus
Luontinäkymä on kolmipaneelinen muokkausympäristö, jonka avaat kaksoisnapsauttamalla mitä tahansa ryhmää Komponenttialueella. Se tarjoaa lohkoluettelon vasemmalla, koodieditorin keskellä ja reaaliaikaisen esikatselun oikealla, ja tekoälyn kehotuslaatikko on pohjassa.
Lohkoluettelopaneeli
Vasemmalla paneelissa näkyvät kaikki nykyisen ryhmän lohkot. Jokainen lohko näyttää kortin esikatselun, jossa on lohkon nimi ja sen alla numeroitu tiedostoluettelo. Käytä yläreunan työkalupalkkia siirtyäksesi taaksepäin, vaihtaaksesi luettelo- ja jaettujen näkymien välillä tai napsauta + -painiketta lisätäksesi uuden lohkon.
Koodieditori
Keskipaneeli on välilehtipohjainen koodieditori, jossa voit kirjoittaa ja muokata lohkon sisältöä. Välilehdet on järjestetty tiedostotyypin mukaan:
Teksti
Kirjoita dokumentaatiota, markdownia tai tavallista tekstiä lohkolle.
HTML
Muokkaa komponentin HTML-rakennetta.
CSS
Lisää tyylejä komponentillesi.
JAVASCRIPT
Lisää interaktiivisuutta ja logiikkaa komponenttiisi.
Reaaliaikainen esikatselu
Oikealla paneelissa renderöidään reaaliaikainen esikatselu komponentistasi. Kun lisäät HTML-, CSS- ja JavaScript-koodia editoriin, esikatselu päivittyy näyttämään käännetyn tuloksen. Voit myös vetää ja pudottaa tiedostoja tai liittää sisältöä (Ctrl+V) suoraan esikatselualueelle lisätäksesi sen lohkoon. Käytä silmäkuvaketta vaihtaaksesi esikatselua ja BG-kytkintä muuttaaksesi esikatselutaustaa.
Tekoälyn kehotuslaatikko
Alareunan AI-kehote -palkin avulla voit käyttää tekoälyä komponenttisi muokkaamiseen tai luomiseen. Valitse tekoälymalli avattavasta valikosta vasemmalla, kuvaa muutokset ja tekoäly muokkaa kehystä puolestasi. Voit myös käyttää äänisyötettä tai CLI-muokkaus-painiketta edistyneeseen muokkaukseen.
Tekoälyn luontikategoriat
Tekoälymallin valitsin paljastaa luontikategoriat, jotka määrittävät, millaista sisältöä tekoäly tuottaa:
Tekstin luonti
Luo tai muokkaa tekstipohjaista sisältöä, kuten koodia, dokumentaatiota ja merkintöjä.
Kuvan luonti
Luo kuvia tekstikehotteista tai muokkaa olemassa olevia kuvia tekoälyn avulla (teksti kuvaksi ja kuva kuvaksi).
Videon luonti
Luo videoita tekstikuvauksista tai animoi still-kuvia videoiksi (teksti videoksi ja kuva videoksi).
Suora tekoälytila (A)
Kun A-kytkin on aktiivinen, tekoäly muokkaa komponenttia suoraan. Kehote-teksti on "Kuvaa muutokset, jotka haluat tehdä komponenttiin", ja merkki osoittaa, mitä tiedostoa muokataan (esim. "Muokataan: teksti"). Tämä tila sopii parhaiten nopeisiin, kohdennettuihin muokkauksiin valittuun tiedostoon.
Vaihtelutila (V)
Kun V-kytkin on aktiivinen, tekoäly luo useita komponentin versioita sen sijaan, että se muokkaisi sitä. Kehote-teksti muuttuu muotoon "Kuvaa luotavat versiot", ja laskuri näkyy, jossa on - / + -säätimet, jotta voit valita luotavien versioiden määrän. Luodut versiot näkyvät omassa paneelissaan, jossa voit tarkastella niitä ja lisätä suosikkiversiot takaisin ryhmään.