Aurelia快速搭建

版权声明：知识本无差别，何必在意你我？ https://blog.csdn.net/qq_33774822/article/details/70471420

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页面打开在浏览器中，效果如下：