开源项目启动与配置教程

1. 项目的目录结构及介绍

该项目是基于Astro框架构建的个人作品集，项目目录结构如下：

• .github/：存放GitHub工作流程文件，如CI/CD配置等。
• .vscode/：Visual Studio Code的配置文件。
• public/：存放静态文件，如图片、CSS和JavaScript文件。
• src/：源代码目录，包含构建网站的HTML、JavaScript、CSS等文件。
• .gitignore：定义Git应该忽略的文件和目录。
• .prettierrc：Prettier的配置文件，用于统一代码风格。
• CNAME：域名文件，如果使用自定义域名，可以在这里设置。
• LICENSE.md：项目许可证文件，本项目采用Creative Commons Attribution-NonCommercial 4.0 International License。
• README.md：项目说明文件，包含项目信息和如何开始等。
• astro.config.mjs：Astro的配置文件。
• package-lock.json：npm的锁文件，确保依赖项的版本一致。
• package.json：项目依赖和脚本文件。
• postcss.config.cjs：PostCSS的配置文件。
• tsconfig.json：TypeScript的配置文件。

2. 项目的启动文件介绍

启动该项目，首先需要克隆项目到本地：

git clone https://github.com/AntoineW/AW-2025-Portfolio.git
cd wodniack-portfolio

然后，安装项目依赖：

npm install

最后，启动开发服务器：

npm run dev

在浏览器中访问 http://localhost:3000 可以查看项目。

3. 项目的配置文件介绍

• astro.config.mjs：Astro配置文件，用于设置网站的基本信息、路由、布局等。
• .prettierrc：Prettier配置文件，可以自定义代码格式化规则，保证代码风格的一致性。
• tsconfig.json：TypeScript配置文件，用于指定TypeScript编译器的选项。

项目配置文件提供了项目运行的基本设置，用户可以根据自己的需求对配置文件进行相应的调整。