https://github.com/tknerr/aurelia-todo-app
Playground repository for playing with Aurelia
https://github.com/tknerr/aurelia-todo-app
Last synced: 3 months ago
JSON representation
Playground repository for playing with Aurelia
- Host: GitHub
- URL: https://github.com/tknerr/aurelia-todo-app
- Owner: tknerr
- Created: 2017-09-22T12:06:28.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-09-22T12:06:49.000Z (almost 9 years ago)
- Last Synced: 2025-01-15T21:08:06.748Z (over 1 year ago)
- Language: TypeScript
- Size: 30.3 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Aurelia Playground
Playground repository for the aurelia tutorial by @wizzapp
https://github.com/Zuehlke/aurelia-tutorial
Aurelia docs:
http://aurelia.io/hub.html
# Notes
## First Steps
Create a new aurelia app:
```
au new
```
Name it "todo-app" and accept the defaults.
* Change into the generated app directory: `cd todo-app`
* Run `au` to see the available commands in this context
* Use `au run` to start a server with the app on http://localhost:9000
* Also try:
* `au run --watch` to start with live reloading
## Concepts
### Files
* `main.ts` is the main entry point, sets the environment and root module
* `app.ts` is the default modules
* `index.html` is the main page which includes and renders all the app classes and view templates
### Terminology
* a "module" is a combination of typescript class + html template
* the templates contain only snippets an
* a "service" coordinates between the views and holds state as a singleton
### Useful VS Code Plugins
* "Typescript Toolbox"
* "Aurelia"
### Create a new Component
* run `au generate component` with name "index" in folder "todo" to generate `todo/index.ts|html`
* run `au generate component` with name "add" in folder "todo" to generate `todo/add.ts|html`