课程章节介绍
我们来看看如何快速写出你的第一个 Lightning Web 组件。
写 Lightning Web 组件最快的方法，不是在你本地搭建开发环境，而是直接用一个在线的编辑器，叫做 StackBlitz，地址是 playground.lwc.dev。你只需要打开浏览器就能开始写代码，甚至连登录都不用。当然，如果你想保存你的修改，可以用 GitHub 账号登录一下，它就会帮你把代码存下来。
在这个在线环境里，每一个 Lightning Web 组件其实就是一个文件夹，文件夹里必须有两个同名的文件：一个是 .html 文件，用来写组件的界面；另一个是 .js 文件，用来写组件的逻辑。它们名字一样，才能配成一对。
咱们先看 HTML 部分。组件的模板要放在一对 标签里面。如果你想在界面上显示某个变量的值，就用一对花括号把表达式包起来，比如 {变量名}，这样就能做到数据绑定，变量变了，界面也会跟着变。
再来看 JavaScript 文件。这个文件里，你需要从 lwc 这个模块里导入一个叫 LightningElement 的基础类，然后自己定义一个类，用 extends 去继承它，最后用 export default 把这个类导出去。这样你的组件就有了最基本的骨架。
那写好组件之后，怎么在 HTML 页面里用呢？很简单，就用一个自定义标签，标签名要用短横线分隔式写法，也就是 kebab-case，形式是：命名空间-组件名。比如命名空间叫 x，组件名叫 app，那标签就是 。
在我们刚打开的默认项目里，已经有两个例子了，一个是 x-app，一个是 x-counter，你可以先看看它们是怎么写的，然后试着改一改，很快就能上手了。
关键词
LWC
Lightning Web Components
Salesforce