mirror of
https://github.com/jlengrand/polymer-summit-whose-flag-polymer-3.git
synced 2026-03-10 08:41:17 +00:00
32 lines
1.4 KiB
Markdown
32 lines
1.4 KiB
Markdown
# \<whose-flag on Polymer 3\>
|
|
|
|
This is a simple conversion from Whose Flag to Polymer 3. Whose Flag is a simple game that lets users guess a flag's country, that was created during [the first Polymer Summit 2017's codelab](https://codelabs.developers.google.com/polymer-summit-2017).
|
|
|
|
You can find the original codelab instructions [here](https://codelabs.developers.google.com/codelabs/whose-flag/index.html), [a similar repository on Polymer 2 here](https://github.com/jlengrand/polymer-summit-whose-flag) and [a working demo here](https://polymer-summit-2017-codelab-1.firebaseapp.com/).
|
|
|
|
## Install the Polymer-CLI
|
|
|
|
First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve --npm` to serve your application locally.
|
|
|
|
__Note the difference with the `polymer serve` instructions for Polymer 2__
|
|
|
|
## Viewing Your Application
|
|
|
|
```
|
|
$ polymer serve --npm
|
|
```
|
|
|
|
## Building Your Application
|
|
|
|
**WIP: Polymer build does not seem to be supported yet for Polymer 3.**
|
|
|
|
## Running Tests
|
|
|
|
**To be tested**
|
|
|
|
## Lit-HTML
|
|
|
|
The last version of this demo makes use of [lit-html](https://github.com/PolymerLabs/lit-html).
|
|
Lit-HTML allows to use HTML templates, via JavaScript template literals.
|
|
|
|
The template literal is properly highlighted using Atom. No extensions are available yet to highlight the literal with VSCode that I know of. |