Ember HTMLBars教程

Ember HTMLBars教程

htmlbarsA variant of Handlebars that emits DOM and allows you to write helpers that manipulate live DOM nodes项目地址:https://gitcode.com/gh_mirrors/ht/htmlbars

1. 项目目录结构及介绍

Ember HTMLBars是Handlebars的一个变体，它不仅生成DOM，而且还允许开发者编写能够操作活生生的DOM节点的帮助器。尽管提供的链接直接指向了已归档的仓库，我们基于常规的开源项目结构来概括一般性的指导原则。

标准Ember应用或Addon目录概览：

• app：此目录包含应用程序的主要组件、路由、模板、模型和服务等。

  • templates: 应用程序的所有模板存放于此，HTMLBars模板用于定义UI。
  • 其他如components, routes, models, 等子目录分别对应不同的 Ember 组件、路由逻辑和数据模型。

• addon（对于Addon项目）：包含了可复用的组件、帮助器等，专为被其他Ember应用引入设计。

  • 同样可能有对应的templates子目录。

• tests：单元测试和集成测试存放位置，确保代码质量。

• config：包含environment.js，这里设置不同环境下的配置选项，如开发、测试和生产环境。

• node_modules：依赖库存放处，虽然这个目录不直接在项目仓库中版本化，但它包含所有通过npm安装的依赖。

• package.json：描述了项目的元数据、脚本命令以及项目依赖。

• ember-cli-build.js 或 build.js （具体名称可能依Ember CLI版本而异）：构建配置文件，控制如何打包你的应用或Addon。

• .gitignore: 指示Git忽略哪些文件或目录不应加入版本控制。

2. 项目的启动文件介绍

在Ember项目中，主要的启动逻辑不在单一的“启动文件”里，而是分散在几个关键点上：

• ember-cli-build.js 或相应的构建配置文件。这是定义应用如何被编译和打包的地方。通过引入Broccoli插件或者配置Ember CLI特定的插件，比如ember-cli-htmlbars，你可以定制构建流程。

• index.js 或 main.js 在一些Addon中更为常见，初始化Addon并注册其功能到Ember的全局环境中。

• 对于运行项目，通常使用命令行工具执行ember serve。这背后启动的是一个开发服务器，处理热重载和实时编译等功能。

3. 项目的配置文件介绍

• config/environment.js：是 Ember 应用中的核心配置文件。在这里，你可以根据不同的环境（development, test, production）设置API端点、Webpack或Ember CLI特定的编译选项、以及调整性能相关的配置如缓存策略等。

• .ember-cli.js（虽然不是必须，但在某些情况下使用）可用于配置Ember CLI的行为，比如默认的测试命令或自定义构建步骤。

• package.json内的scripts部分也可视作一种配置，定义了运行特定任务的命令，例如启动、测试或构建应用。

请注意，由于提供的链接指向了一个归档的仓库，实际项目的细节可能会有所不同。以上内容是基于Ember及其HTMLBars插件的一般性描述。对于特定版本或实际项目中的细微差别，请参考各自的最新文档或源码注释。

htmlbarsA variant of Handlebars that emits DOM and allows you to write helpers that manipulate live DOM nodes项目地址:https://gitcode.com/gh_mirrors/ht/htmlbars