Astro基础模板

Astro基础模板是一个用于快速启动Astro项目的模板,包含基本的项目结构和常用命令。

  • by JeroTan
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 JeroTan/monster-hunter-wilds-api-ai-mcp

使用说明

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服务器。