在开始构建应用程序时，大多数时候您将需要使用一些其他插件。在本章中，您将学习如何在Aurelia框架中使用插件。

标准插件

在上一章中，我们了解了如何在Aurelia框架中使用默认配置。如果您使用默认配置，则将提供标准的插件集。

• defaultBindingLanguage() -此插件提供了一种将view-model与view连接的简便方法。您已经看到了单向数据绑定语法($ {someValue}) 。即使您可以使用其他绑定语言，也建议您使用默认绑定语言。

• defaultResources() -默认资源为我们提供了一些原始构造，例如if，repeat，compose等。您甚至可以自己构建这些构造，但是由于它们是如此常用，因此Aurelia已经在该库中创建了它。

• Router() -大多数应用程序使用某种路由。因此，路由器是标准插件的一部分。您可以在下一章中查看有关路由的更多信息。

• History() -历史插件通常与router一起使用。

• eventAggregator() -此插件用于跨组件通信。它负责发布和订阅应用内的消息或频道。

官方插件

这些插件不是默认配置的一部分，但经常使用。

• fetch() -Fetch插件用于处理HTTP请求。如果需要，可以使用其他一些AJAX库。

• animatorCSS() -此插件提供了一种处理CSS动画的方法。

• animator-velocity() -可以使用Velocity动画库代替CSS动画。这些插件使我们能够在Aurelia应用程序内使用Velocity。

• dialog() -对话框插件提供了高度可定制的模态窗口。

• i18n() -这是用于内部化和本地化的插件。

• ui-virtualization() -虚拟化是用于处理大型性能繁重的UI任务的有用库。

• validate () -需要验证数据时使用此插件。

编写本教程时，以上解释的所有插件均由Aurelia核心团队正式维护。将来还会添加一些其他有用的插件。以下示例显示了如何配置您的应用程序以使用插件。

安装插件

例如，如果要使用animator-css和animator-velocity ，则需要先安装它。

C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-css
C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-velocity

在上一章中，您学习了如何使用手动配置。我们可以在main.js文件中添加我们的插件。

main.js

export function configure(aurelia) {
   aurelia.use
   .defaultBindingLanguage()
   .defaultResources()
   .developmentLogging()
   .router()
   .history()
   .eventAggregator()
   .plugin('aurelia-animatorCSS')
   .plugin('aurelia-animator-velocity')

   aurelia.start().then(() => aurelia.setRoot());
}