Astro 初学者套件:基础篇
npm create astro@latest -- --template basics🧑🚀(一个穿着宇航服的人,通常表示宇航员或太空探索者) 经验丰富的宇航员? 删除这个文件。祝玩得开心!
🚀 项目结构
在你的Astro项目中,你会看到以下文件夹和文件:
/
├── public/
│ └── favicon.svg
├── src
│ ├── assets
│ │ └── astro.svg
│ ├── components
│ │ └── Welcome.astro
│ ├── layouts
│ │ └── Layout.astro
│ └── pages
│ └── index.astro
└── package.json要了解更多关于Astro项目文件夹结构的信息,请参阅 我们的项目结构指南.
🧞 命令
所有命令均在项目根目录下通过终端运行:
| 命令 | 动作 |
|---|---|
npm install | 安装依赖项 |
npm run dev | 在本地启动开发服务器 localhost:4321 |
npm run build | 构建您的生产网站以 ./dist/ |
npm run preview 在部署前,先在本地预览您的构建 | |
npm run astro ... | 运行类似这样的CLI命令 astro add, astro check |
npm run astro -- --help | 获取使用 Astro CLI 的帮助 |
👀 想了解更多吗?
请随意查看 我们的文件/文档 或者跳进我们的(活动中/体验里) Discord服务器。
