Ember-Highcharts 项目教程

Ember-Highcharts 项目教程

ember-highcharts A Highcharts, HighStock and HighMaps component for ember cli 项目地址: https://gitcode.com/gh_mirrors/em/ember-highcharts

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

ember-highcharts/
├── app/
│   ├── components/
│   │   └── high-charts.js
│   ├── controllers/
│   ├── helpers/
│   ├── models/
│   ├── routes/
│   ├── styles/
│   ├── templates/
│   │   └── components/
│   │       └── high-charts.hbs
│   └── index.html
├── config/
│   ├── environment.js
│   └── optional-features.json
├── public/
├── tests/
│   ├── integration/
│   │   └── components/
│   │       └── high-charts-test.js
│   ├── unit/
│   └── test-helper.js
├── vendor/
├── .editorconfig
├── .ember-cli
├── .eslintrc.js
├── .gitignore
├── .npmignore
├── .travis.yml
├── .watchmanconfig
├── ember-cli-build.js
├── package.json
├── README.md
└── yarn.lock

目录结构介绍

• app/: 包含应用程序的主要代码，包括组件、控制器、模型、路由、样式和模板。
  • components/: 存放自定义组件，如 high-charts.js 和 high-charts.hbs。
  • templates/components/: 存放组件的模板文件。
• config/: 包含项目的配置文件，如 environment.js 和 optional-features.json。
• public/: 存放静态资源文件。
• tests/: 包含项目的测试代码，包括集成测试和单元测试。
• vendor/: 存放第三方库或插件。
• .editorconfig: 编辑器配置文件。
• .ember-cli: Ember CLI 配置文件。
• .eslintrc.js: ESLint 配置文件。
• .gitignore: Git 忽略文件配置。
• .npmignore: npm 忽略文件配置。
• .travis.yml: Travis CI 配置文件。
• .watchmanconfig: Watchman 配置文件。
• ember-cli-build.js: Ember CLI 构建配置文件。
• package.json: 项目依赖和脚本配置文件。
• README.md: 项目说明文档。
• yarn.lock: Yarn 锁定文件，用于确保依赖版本一致性。

2. 项目的启动文件介绍

项目的启动文件主要是 app/app.js 和 app/index.html。

• app/app.js: 这是 Ember 应用程序的入口文件，负责初始化应用程序并加载必要的模块。
• app/index.html: 这是应用程序的主 HTML 文件，包含了 Ember 应用程序的根元素 <div id="ember-app"></div>。

3. 项目的配置文件介绍

• config/environment.js: 这是 Ember 应用程序的主要配置文件，用于配置应用程序的环境变量、API 地址、路由等。
• config/optional-features.json: 用于启用或禁用 Ember 的某些可选功能。
• ember-cli-build.js: 这是 Ember CLI 的构建配置文件，用于配置构建过程中的各种选项，如插件、样式预处理器等。
• package.json: 包含项目的依赖包和脚本命令，如 start、build、test 等。

通过以上配置文件，可以灵活地调整和配置 Ember-Highcharts 项目的行为和功能。

ember-highcharts A Highcharts, HighStock and HighMaps component for ember cli 项目地址: https://gitcode.com/gh_mirrors/em/ember-highcharts