はじめての LitElement エレメントの作り方 - Step1

wrote: 2019/1/28

lit-html は Polymer Project の一環で、Tagged Templetes によってビューを管理するライブラリです。

lit-html を使い倒す より

以下のチュートリアルに沿って進みます。
Build your first LitElement element

準備

サンプルプログラム

リポジトリをクローンして、npm iです。

インターネット回線が遅いと、とても時間がかかる場合があります....

とあるように、npm i は結構時間かかる場合あります。

git clone https://github.com/Polymer-Japan/litelement-first-element.git
cd litelement-first-elements
npm i

デモを実行

npm start

以下の画面が起動します。

start-lit-element:

PolymerLabs/start-lit-element: Hello World app for LitElement.

ここまでやって、Polymer3のチュートリアルとあまり変わらない事に気づきました。

続きはまたいつか書きます。