Musab Hassan 个人网站项目教程

Musab Hassan 个人网站项目教程

musabhassan.com My personal portfolio and all its assets. As seen on Awwwards. 项目地址: https://gitcode.com/gh_mirrors/mu/musabhassan.com

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

musabhassan.com/
├── github/
│   └── workflows/
├── src/
├── static/
├── .firebaserc
├── .gitignore
├── .npmrc
├── LICENSE
├── README.md
├── banner.jpg
├── firebase.json
├── package-lock.json
├── package.json
├── svelte.config.js
├── tsconfig.json
└── vite.config.ts

目录结构介绍

• github/workflows/: 存放GitHub Actions的工作流配置文件。
• src/: 项目的源代码目录，包含前端代码。
• static/: 存放静态资源文件，如图片、字体等。
• .firebaserc: Firebase项目的配置文件。
• .gitignore: Git忽略文件配置。
• .npmrc: npm配置文件。
• LICENSE: 项目的开源许可证文件。
• README.md: 项目的说明文档。
• banner.jpg: 项目使用的横幅图片。
• firebase.json: Firebase配置文件。
• package-lock.json: npm包锁定文件。
• package.json: npm包管理文件，包含项目的依赖和脚本。
• svelte.config.js: SvelteKit项目的配置文件。
• tsconfig.json: TypeScript配置文件。
• vite.config.ts: Vite配置文件。

2. 项目的启动文件介绍

项目的启动文件主要集中在package.json中定义的脚本命令。以下是常用的启动命令：

开发环境启动

npm run dev

该命令启动Vite开发服务器，用于本地开发。

生产环境构建

npm run build

该命令用于构建生产环境的代码，生成优化后的静态文件。

3. 项目的配置文件介绍

svelte.config.js

SvelteKit项目的配置文件，用于配置SvelteKit的各种选项，如路由、插件等。

vite.config.ts

Vite配置文件，用于配置Vite的各种选项，如插件、构建选项等。

firebase.json

Firebase配置文件，用于配置Firebase的各种服务，如托管、函数等。

tsconfig.json

TypeScript配置文件，用于配置TypeScript编译器选项，如模块解析、类型检查等。

package.json

npm包管理文件，包含项目的依赖、脚本命令、版本信息等。

通过以上配置文件，可以灵活地调整项目的运行环境和构建选项，以满足不同的开发和生产需求。

musabhassan.com My personal portfolio and all its assets. As seen on Awwwards. 项目地址: https://gitcode.com/gh_mirrors/mu/musabhassan.com