[Technical Method]LWC.studio

LWC.studio

 LWC.studio というサードパーティの IDE を使用した次の手順に従ってください。

1. LWC.studio に移動します。
2. GitHub アカウントを使用してログインし、[新規] をクリックします。
3. 以下の HTML、JavaScript、および CSS の例を、対応する app.x ファイルにコピーします。app ファイル内にあるすべてのコードを置き換えます。

HTML

<template>
    <input value={message}></input>
</template>

JavaScript

import { LightningElement } from 'lwc';
export default class App extends LightningElement {
  message = 'Hello World';
}

CSS

input {
   color: blue;
}

1. ファイルを保存します。

[Stories (ストーリー)] タブに出力が表示されます。