📜  Aurelia-首次申请

📅  最后修改于: 2020-12-09 05:20:38             🧑  作者: Mango


在本章中,我们将解释在上一章中创建的Aurelia启动应用程序。我们还将指导您完成文件夹结构,以便您掌握Aurelia框架背后的核心概念。

资料夹结构

  • package.json代表有关已安装的npm软件包的文档。它还显示了这些软件包的版本,并提供了一种简单的方法,可以在需要开发人员之间共享应用程序时添加,删除,更改版本或自动安装所有软件包。

  • 像大多数基于HTML的应用程序一样, index.html是该应用程序的默认页面。它是加载脚本和样式表的地方。

  • config.js是Aurelia加载程序配置文件。您将不会花费很多时间来处理此文件。

  • jspm_packagesSystemJS加载的模块的目录。

  • styles是默认样式目录。您始终可以更改保存样式文件的位置。

  • src文件夹是您将花费大部分开发时间的地方。它保留HTMLjs文件。

源文件

如前所述, src目录是存放应用程序逻辑的地方。如果查看默认应用程序,您会发现app.jsapp.html非常简单。

Aurelia允许我们使用JavaScript核心语言进行类定义。以下默认示例显示EC6类。

app.js

export class App {
   message = 'Welcome to Aurelia!';
}

使用$ {message}语法将message属性绑定到HTML模板。此语法表示单向绑定转换为字符串并显示在模板视图中。

app.html


如上一章所述,我们可以通过在命令提示符窗口中运行以下命令来启动服务器。

C:\Users\username\Desktop\aureliaApp>http-server -o -c-1

应用程序将在屏幕上呈现。

Aurelia First App开始