Ember Timetree 项目教程

Ember Timetree 项目教程

ember-timetreeVisualize hierarchical timeline data. Built with Ember.js and D3.js项目地址:https://gitcode.com/gh_mirrors/em/ember-timetree

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

Ember Timetree 项目的目录结构如下：

ember-timetree/
├── addon/
├── app/
├── blueprints/
│   └── ember-timetree/
├── config/
├── tests/
├── vendor/
├── .bowerrc
├── .editorconfig
├── .ember-cli
├── .gitignore
├── .jshintrc
├── .npmignore
├── .travis.yml
├── Brocfile.js
├── LICENSE.md
├── README.md
├── bower.json
├── index.js
├── package.json
└── testem.json

目录介绍：

• addon/：包含项目的插件代码。
• app/：包含应用程序的主要代码。
• blueprints/：包含项目的蓝图文件。
• config/：包含项目的配置文件。
• tests/：包含项目的测试文件。
• vendor/：包含第三方库和工具。
• .bowerrc：Bower 配置文件。
• .editorconfig：编辑器配置文件。
• .ember-cli：Ember CLI 配置文件。
• .gitignore：Git 忽略文件。
• .jshintrc：JSHint 配置文件。
• .npmignore：NPM 忽略文件。
• .travis.yml：Travis CI 配置文件。
• Brocfile.js：Broccoli 构建配置文件。
• LICENSE.md：项目许可证。
• README.md：项目说明文档。
• bower.json：Bower 依赖管理文件。
• index.js：项目入口文件。
• package.json：NPM 依赖管理文件。
• testem.json：测试配置文件。

2、项目的启动文件介绍

项目的启动文件是 index.js，它作为项目的入口文件，负责初始化和配置项目。

// index.js
module.exports = {
  name: 'ember-timetree'
};

3、项目的配置文件介绍

项目的配置文件主要位于 config/ 目录下，包括以下文件：

• environment.js：环境配置文件，定义不同环境下的配置参数。
• ember-cli-build.js：Ember CLI 构建配置文件，定义构建过程中的各种设置。
• optional-features.json：可选特性配置文件，定义项目中可选的特性。
• targets.js：目标配置文件，定义项目支持的浏览器目标。

environment.js 示例：

// config/environment.js
module.exports = function(environment) {
  let ENV = {
    modulePrefix: 'ember-timetree',
    environment: environment,
    rootURL: '/',
    locationType: 'auto',
    EmberENV: {
      FEATURES: {
        // 在这里添加特性
      },
      EXTEND_PROTOTYPES: {
        // 禁用日期原型扩展
        Date: false
      }
    },
    APP: {
      // 在这里添加应用程序配置
    }
  };

  if (environment === 'development') {
    // 开发环境配置
    ENV.APP.LOG_RESOLVER = true;
    ENV.APP.LOG_ACTIVE_GENERATION = true;
    ENV.APP.LOG_TRANSITIONS = true;
    ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
    ENV.APP.LOG_VIEW_LOOKUPS = true;
  }

  if (environment === 'test') {
    // 测试环境配置
    ENV.locationType = 'none';
    ENV.APP.LOG_ACTIVE_GENERATION = false;
    ENV.APP.LOG_VIEW_LOOKUPS = false;
    ENV.APP.rootElement = '#ember-testing';
    ENV.APP.autoboot = false;
  }

  if (environment === 'production') {
    // 生产环境配置
  }

  return ENV;
};

ember-cli-build.js 示例：

// ember-cli-build.js
'use strict';

const EmberApp = require('ember-cli/lib/broccoli/ember

ember-timetreeVisualize hierarchical timeline data. Built with Ember.js and D3.js项目地址:https://gitcode.com/gh_mirrors/em/ember-timetree