Ember-cli-chart 项目启动与配置教程

1. 项目目录结构及介绍

ember-cli-chart 是一个用于在 Ember 应用程序中集成图表的开源项目。以下是项目的目录结构及其简要介绍：

ember-cli-chart/
├── broccoli-merge-trees  # 用于合并 broccoli 树的插件
├── broccoli-plugin      # 自定义 broccoli 插件
├── broccoli-test        # 测试 broccoli 插件的代码
├── broccoli-tests       # broccoli 插件的单元测试
├── chartist            # Chartist 库相关文件
├── ember-chart         # Ember 组件和混入相关代码
├── index.js            # 项目入口文件
├── node-tests          # Node 端的测试代码
├── testem.json         # Testem 配置文件
└── tests               # Ember 应用的单元测试

• broccoli-merge-trees：包含用于合并不同 broccoli 树的插件。
• broccoli-plugin：项目自定义的 broccoli 插件，用于处理特定的构建步骤。
• broccoli-test 和 broccoli-tests：这两个目录包含了针对 broccoli 插件的测试代码和测试用例。
• chartist：Chartist 是一个基于 SVG 的响应式图表库，这个目录包含了 Chartist 的相关文件。
• ember-chart：这个目录包含了 Ember 应用的图表组件和混入。
• index.js：项目的入口文件，通常用于定义和导出插件。
• node-tests：包含了 Node 环境下的测试代码。
• testem.json：Testem 的配置文件，用于定义测试运行器的配置。
• tests：包含了 Ember 应用的单元测试。

2. 项目的启动文件介绍

项目的启动主要通过 index.js 文件完成。以下是 index.js 文件的内容简要介绍：

module.exports = {
  name: 'ember-cli-chart',
  // 在 Ember 应用的构建过程中插入自定义的 broccoli 插件
  broccoli: {
    trees: {
      // 添加额外的目录到构建过程中
    },
    plugins: [
      // 自定义 broccoli 插件
    ]
  },
  // 其他配置...
};

这个文件定义了 Ember CLI 插件的基本信息和构建配置。它告诉 Ember CLI 如何集成和构建图表相关的资源。

3. 项目的配置文件介绍

在 ember-cli-chart 项目中，主要的配置文件是 testem.json。以下是 testem.json 文件的内容简要介绍：

{
  "test_page": "tests/index.html?hidepassed",
  "disable_watching": true,
  "launch_in_ci": ["Chrome"],
  "launchers": {
    "PhantomJS": {
      "command": "phantomjs --cookies-file=.testem-cookies.txt"
    }
  },
  // 其他配置...
}

这个文件是 Testem 的配置文件，用于指定测试页面、测试运行器以及如何启动浏览器。在持续集成环境中，它配置了使用 Chrome 浏览器运行测试。同时，还可以定义使用其他浏览器或无头浏览器（如 PhantomJS）来运行测试。

以上就是 ember-cli-chart 项目的目录结构、启动文件和配置文件的简要介绍。这些信息将帮助开发者更好地理解和使用这个开源项目。