mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
96 lines
2.1 KiB
Markdown
96 lines
2.1 KiB
Markdown
|
|
#### Test it out!
|
|
|
|
- Run `gulp watch` to build, serve, and watch Ionic & playground
|
|
- Run `gulp karma-watch` while gulp watch is running to watch tests.
|
|
- All test files must be suffixed with `.spec.js`. Don't put a test as a sibling of a normal file, or import will decide the `.spec.js`is the same as the `.js`.
|
|
|
|
#### Building & Running
|
|
|
|
- `gulp watch`
|
|
- `python -m SimpleHTTPServer ./dist`
|
|
- `open http://localhost:9000/e2e/aside/basic/index.html`
|
|
- Follow the structure found in src/components/aside/examples/basic
|
|
to create more examples.
|
|
* The biggest thing to remember: your app has to import its dependencies with the `app/` prefix.
|
|
For example `import {Apple} from 'app/apple';` would import apple.js in your example app.
|
|
|
|
#### Build
|
|
|
|
- JSCS
|
|
- JSHint (or TypeScript variant)
|
|
|
|
#### Current Focus
|
|
|
|
Build/Angular2
|
|
- Build system
|
|
- Repo structure overlord
|
|
- ES6/Angular2/Component conventions
|
|
- Global/Attribute config system
|
|
- Dynamically assign behaviors/templates per config
|
|
|
|
HTML/CSS/Transitions
|
|
- Markup structure
|
|
- SCSS
|
|
- View transitions
|
|
- Core View History/Navigation system
|
|
- Routing
|
|
- Snapshot
|
|
|
|
Gestures
|
|
- Gesture system
|
|
- Linear constraints
|
|
- Auto layout
|
|
- Class/inheritance system
|
|
- Translate native concepts to the web
|
|
|
|
|
|
#### Make it so
|
|
|
|
```
|
|
<nav-view>
|
|
<aside left/>
|
|
<aside right/>
|
|
<aside top/>
|
|
<view cached/>
|
|
<view cached/>
|
|
<view cached/>
|
|
<tabs active>
|
|
<tab selected>
|
|
<nav-view>
|
|
<aside left/>
|
|
<aside right/>
|
|
<view active/>
|
|
<view cached/>
|
|
<view cached/>
|
|
</nav-view>
|
|
</tab>
|
|
<tab deselected>
|
|
<nav-view>
|
|
<aside/>
|
|
<view cached/>
|
|
<view active/>
|
|
<tabs cached>
|
|
<tab deselected>
|
|
<nav-view>
|
|
<aside left/>
|
|
<aside bottom/>
|
|
<view active/>
|
|
<view cached/>
|
|
<view cached/>
|
|
</nav-view>
|
|
</tab>
|
|
<tab selected>
|
|
<nav-view>
|
|
<view cached/>
|
|
<view active/>
|
|
</nav-view>
|
|
</tab>
|
|
</tab>
|
|
</nav-view>
|
|
</tab>
|
|
</tab>
|
|
<view cached/>
|
|
</nav-view>
|
|
```
|