aureliaaurelia入门


备注

Aurelia是一个模块化的现代前端Javascript框架,用于构建基于开放Web标准的浏览器,移动和桌面应用程序。 Aurelia不是一个全面的框架,而是采用每个模块的功能方法来构建它。任何Aurelia都可以替换为第三方依赖(或完全删除)。

与Angular等竞争框架不同,Aurelia的核心理念是遵守官方Web标准和DOM API,这可以确保更接近裸机性能,因为它更接近原生API并且几乎没有抽象。您的视图是HTML,您的视图模型是Javascript(或TypeScript),Aurelia的组件模型基于W3C Web组件HTML模板和ShadowDOM,因此您的代码反映了真正新兴的Web标准。

尽管Aurelia是一个功能齐全的单页面应用程序框架,但学习曲线远远低于Angular和Ember等现有的替代方案。它的模板语法很直观,与您可能使用的以前的框架和库有相似之处。

开发人员或公司可能选择使用Aurelia而不是其他解决方案,因为标准对他们很重要,并且编写抽象的特定于框架的样板代码对您来说感觉不对,并且您正在寻找一个更喜欢让原生DOM API为其工作的框架。您。

Hello World:aurelia-cli入门

此示例将向您展示如何使用Aurelia CLI快速启动并运行hello world Aurelia应用程序。

先决条件

Aurelia CLI是基于Node.js的应用程序,因此请确保在继续之前先安装它。您将需要Node.js 4.4.7或更高版本。

您还需要安装Git客户端。一些很棒的选择包括: Github DesktopSourcetreeGit SCM

安装CLI

如果您正确安装了Node.js和Npm,请打开命令提示符/ PowerShell或Bash终端并使用以下命令全局安装CLI:

npm install aurelia-cli -g
 

在继续之前,运行au -v 以确保成功安装了Aurelia CLI。您应该看到显示的版本号。

创建您的第一个Aurelia应用程序

现在您已安装CLI,要创建新项目,请运行以下命令并按照屏幕提示信息进行操作:

au new
 

您可以选择不同的格式和加载器,只需选择默认值即可保持简单。随着您对CLI的熟悉,您可以配置这些选项以满足您的需求。

运行Aurelia应用程序

要运行Aurelia应用程序,请运行相同的文件夹: au run - 当您在Web浏览器中打开应用程序时,您现在应该可以看到功能完备的hello world应用程序。默认情况下,CLI dev服务器将在http://localhost:9000

结论

您刚刚使用CLI成功创建了“hello world”Aurelia应用程序。