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 项目。