| layout | title | description |
|---|---|---|
~/layouts/MainLayout.astro |
Első lépések |
Bevezetés az Astro-ba. |
Astro egy modern statikus oldal generátor. Tudj meg többet a honlapunkon vagy kiadásról szóló posztunkból. Ez az oldal egy áttekintő az Astro dokumentációhoz és minden hozzá kapcsolódó forráshoz.
Az Astro kipróbálásának legegyszerűbb módja az npm create astro@latest parancs futtatása egy új mappában a saját számítógépeden. A parancssoros varázsló végigvezet egy új Astro projekt beállításán.
Ha hamarabb munkához látnál, látogasd meg a Gyors beállítás - útmutató oldalunkat.
Ellenkező esetben, olvasd el a Telepítési útmutató oldalunkat, ahol részletesen megtudhatod hogyan telepítsd és állítsd be az Astro-t.
Ha jobban szeretsz példák alapján tanulni, nézd meg a komplett példa gyűjteményünket GitHub-on.
Bármelyik minta projektet kipróbálhatod a saját számítógépeden az npm create astro@latest parancs lefuttatásával és a --template paraméterrel. A --template paraméter támogatja a harmadik féltől és a közösségtől származó mintákat is.
# Inicializáló parancs futtatása a kiválasztott hivatalos mintával
npm create astro@latest -- --template [HIVATALOS_MINTA_NEVE]
# yarn
yarn create astro --template [HIVATALOS_MINTA_NEVE]
# pnpm
pnpm create astro@latest -- --template [HIVATALOS_MINTA_NEVE]
# Inicializáló parancs futtatása egy közösségi mintával
npm create astro@latest -- --template [GITHUB_FELHASZNÁLÓ]/[REPO_NEVE]
npm create astro@latest -- --template [GITHUB_FELHASZNÁLÓ]/[REPO_NEVE]/minta/elérési/útvonalaHa előbb szeretnéd az Astro-t a böngésződben kipróbálni, pillanatok alatt létrehozhatsz egy új Astro projektet az astro.new oldalunkon.
Ezen felül az Astro elérhető olyan online kód szerkesztőkben is mint a Stackblitz, CodeSandbox, Gitpod, és GitHub Codespaces. Kattints az "Open in Stackblitz" gombra bármelyik mintánknál a minta gyűjteményeink között. Vagy, kattints ide és automatikusan elindul egy új Astro projekt Stackblitz-en.
Különböző emberek különféle nyelvekből és háttérből érkeznek az Astro-hoz. Akár az elméleti, akár a gyakorlati tanulást preferálod, reméljük ez a szekció a segítségedre lesz.
- Ha szeretsz gyakorlással tanulni, látogass el a minta gyűjteményeink közé.
- Ha szereted az alapokat lépésről lépésre elsajátítani, kezdd az alap koncepciókkal és útmutatókkal.
Mint minden új technológiának, az Astronak is van egy tanulási görbéje. Azonban gyakorlással és egy kis türelemmel, tudjuk, hogy meg fogod tanulni pillanatokon belül.
Amint nekilátsz az Astro tanulásának, hamar észreveheted hogy nagyon sok fájl a .astro kiterjesztést használja. Ez az Astro komponens szintaxisa: egy különleges HTML-szerű fájlformátum amit az Astro a sablonozáshoz használ. Úgy terveztük hogy ismerős legyen mindenki számára akinek van HTML vagy JSX tapasztalata.
Az Astro komponensek útmutatónk bevezet az Astro szintaktika világába, a lehető leghatékonyabb módon.
Ez a szekció hasznos lehet, ha valamelyik konkrét Astro API-ről szeretnél tanulni. Például a Beállítások Referencia kilistázza az összes elérhető opciót a beállításokhoz.
A Beépített Komponensek Referencia kilistázza az összes beépített komponenst, mint
például a <Markdown /> és a <Code />.
Ez a dokumentáció mindig a legfrissebb stabil Astro verziót tükrözi. Amint elérjük a v1.0 mérföldkövet, beépítésre kerül a verziókövetett dokumentáció is.
Az @astrodotbuild Twitter felhasználó a hivatalos csatornánk ahol új információkat szerezhetsz az Astro csapattól.
Ezen felül az egyes verziók megjelenését bejelentjük a Discord szerverünkön is az #announcements csatornán.
Nem minden verizó kiadás érdemel meg egy külön posztot, de minden verzióhoz találsz részletes naplót, - ahol láthatod mi változott - a CHANGELOG.md fájlban GitHubon.
Ha valami hiányzik a dokumentációból, vagy valami félreérthető, kérjük készíts egy bejelentést hozzá a javaslataiddal, vagy tweetelj az @astrodotbuild Twitter fiókunknak. Örömmel hallanánk mit gondolsz!
Ez az 'Első Lépések' útmutató a React útmutatója alapján készült.