Milky-Way 项目使用教程

Milky-Way 项目使用教程

1. 项目目录结构及介绍

/
├── public/
│   └── GitHub.webp
│   └── blog-post.webp
│   └── blog.webp
│   └── favicon.svg
│   └── laptop.webp
│   └── space.webp
│   └── youtube.webp
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── pages/
│   ├── styles/
│   └── env.d.ts
└── package.json

目录结构说明

• public/: 存放静态资源文件，如图片、图标等。
• src/: 项目的主要源代码目录。
  • components/: 存放项目的组件文件。
  • content/: 存放项目的内容文件。
  • layouts/: 存放项目的布局文件。
  • pages/: 存放项目的页面文件。
  • styles/: 存放项目的样式文件。
  • env.d.ts: TypeScript 环境声明文件。
• package.json: 项目的依赖管理文件。

2. 项目启动文件介绍

启动命令

npm run dev

启动文件说明

• npm run dev: 启动本地开发服务器，默认运行在 localhost:4321。

3. 项目配置文件介绍

配置文件

• astro.config.mjs: Astro 项目的配置文件，用于配置项目的构建、部署等选项。
• package.json: 项目的依赖管理文件，包含项目的依赖包、脚本命令等信息。
• tsconfig.json: TypeScript 项目的配置文件，用于配置 TypeScript 编译选项。

配置文件说明

• astro.config.mjs: 该文件用于配置 Astro 项目的各种选项，如构建输出目录、静态资源路径等。
• package.json: 该文件包含了项目的依赖包、脚本命令等信息。通过 npm install 命令可以安装项目所需的所有依赖包。
• tsconfig.json: 该文件用于配置 TypeScript 编译选项，如编译目标、模块解析策略等。

通过以上配置文件和启动命令，您可以轻松地启动和配置 Milky-Way 项目。