1. 安装前期准备
nodejs 使用 4.0版本以上
安装nrm,执行命令npminstall nrm -g,nrm选择npm源。
安装aurelia-cli插件,执行命令npminstall aurelia-cli –g
2. Aurelia快速Demo
- 下载基本项目: basic-aurelia-project.zip
- 解压后用webStorm打开
- webStorm配置
配置路径Preferences > Languages & Frameworks > JavaScript 将版本修改为ECMAScript 6,如下图。
- 搭建DEMO
- 修改index.html
使用exnext语言,需要修改index的config-typescript.js为config-esnext.js. - 创建todo.js文件
-
Todo.js在这里是一个对象
-
创建app.js
-
-
创建main.js
-
- 创建app.html
- 启动index.html(注:如果报错,请检查浏览器版本,是否浏览器版本过低)
- DEMO项目流程分析 Index.html中有字段aurelia-app="src/main",定义了启动的时候加载main.js文件。 main.js在aurelia启动后加载root目录,默认是app.js。app.js默认加载同名的html文件app.html。
-
生成的目录如下所示:
-
将index.html页面打开在浏览器中,效果如下: