Bean 项目启动与配置教程

1. 项目目录结构及介绍

Bean 项目的主要目录结构如下：

bean/
├── .gitignore           # 忽略文件列表
├── .jshintrc            # JSHint 配置文件
├── buster.js            # 外部测试支持库
├── component.json       # 组件配置文件
├── bean.js              # Bean 核心代码文件
├── bean.min.js          # Bean 压缩后的核心代码文件
├── LICENSE              # MIT 许可证文件
├── Makefile             # Makefile 文件
├── README.md            # 项目说明文件
├── package.json         # 项目配置文件
└── src/                 # 源代码目录

• .gitignore: 指定 Git 忽略的文件和目录。
• .jshintrc: 用于配置 JSHint 的规则。
• buster.js: 外部测试支持库。
• component.json: 定义了组件的元数据和依赖关系。
• bean.js: Bean 事件管理器的核心 JavaScript 代码。
• bean.min.js: 压缩后的 bean.js，用于生产环境。
• LICENSE: 项目使用的 MIT 许可证。
• Makefile: Makefile 文件，用于自动化构建过程。
• README.md: 项目说明文件，包含了项目的基本信息和如何使用。
• package.json: Node.js 项目配置文件，定义了项目的依赖和脚本。

2. 项目的启动文件介绍

Bean 项目的启动主要通过引入 bean.js 文件进行。在 HTML 文件中，你可以通过以下方式引入 Bean：

<script src="path/to/bean.js"></script>

或者在现代前端构建工具中，你可以通过模块引入的方式：

import Bean from 'bean';

引入后，你可以在页面上使用 Bean 提供的方法来绑定和管理事件。

3. 项目的配置文件介绍

Bean 项目的配置主要通过 component.json 和 package.json 文件进行。

• component.json: 这个文件用于定义 Bean 组件的元数据，包括名称、版本、描述、作者、依赖等。例如：

{
  "name": "bean",
  "version": "1.0.0",
  "description": "A small, fast, cross-platform, framework-agnostic event manager.",
  "author": "Fat Limited",
  "dependencies": {
    "ender": "1.0.0"
  }
}

• package.json: 这个文件用于配置 Node.js 项目，定义了项目的名称、版本、描述、作者、依赖、脚本等。例如：

{
  "name": "bean",
  "version": "1.0.0",
  "description": "A small, fast, cross-platform, framework-agnostic event manager.",
  "main": "bean.js",
  "scripts": {
    "build": "make"
  },
  "dependencies": {
    "ender": "^1.0.0"
  }
}

在 package.json 中，你可以定义一些脚本来自动化一些任务，比如构建、测试等。例如，上面的 build 脚本可以通过运行 npm run build 来执行 make 命令，从而构建项目。