Option groups keep equivalent instructions together without repeating the surrounding explanation. Each option accepts full block Markdown, while the selected value can synchronize with another group on the same page.
Choose a package manager
Use @tab:active to select the initial option. A suffix after # supplies a stable value without changing the visible title.
Install the package with npm:
npm install astroInstall the package with pnpm:
pnpm.cmd add astroInstall the package with Bun:
bun add astroRun the project
This group shares the package-manager id. Selecting an option above updates the matching command below and remembers that choice for the next visit.
npm run devpnpm.cmd devbun run devMany alternatives
Longer option rows remain on one line and scroll within their own navigation area on narrow screens.
Use the local toolchain while developing a feature.
Publish a temporary preview for review.
Run deterministic validation for every change.
Promote a verified artifact to production.
Restore from a local artifact when the network is unavailable.
Author syntax
::: tabs#package-manager
@tab npm
Use npm instructions here.
@tab:active **pnpm**#pnpm
Use pnpm instructions here.
:::Each group needs at least two @tab sections, and every section needs body content separated from its marker by a blank line. Invalid or incomplete groups remain readable as ordinary Markdown.
分享文章
生成精美分享圖或複製連結，與更多人分享本文。
繼續閱讀
換條路線
從其他文章中穩定抽取
最後更新於 ，距今已過 40 天
部分內容可能已過時