typescript - 为 Typescript 创建 HTML 标签的库，类似于 "scalatags"

Question

我正在寻找一个库，它可以轻松地从 typescript 创建 HTML 标签。我在 scala-js 中使用过“scalatags”，并且正在徘徊是否有类似的东西可用于 typescript 。

有问题的库应该有助于以这种方式编写代码:

var paragraph1 = p("Some text");
var paragraph2 = p("Some other text");
var d = div(paragraph1, paragraph2);
document.body.appendChild(d);

Answer 1

读者注意:我是 Typescript 生态系统的新手，我在寻找同样的东西时偶然发现了这个问题。

在我看来它像JSX是一个等效的库。我不确定你是否可以单独有效地使用 JSX，它是 React 的一部分界面库。

但是如果你看一下 Typescript tutorial 的 React 部分- 您会看到 JSX(.tsx 文件)的使用方式与您使用 Scalatags 的方式相同:以类型安全的方式呈现 HTML。

但是，同时，JSX 与 Scalatags 有很大不同。 Scalatags 是在 Scala 中实现的 DSL，然后您可以通过 Scala-js 使用它。 JSX 是一种不同的语言，一种“JavaScript 扩展语法”——您可以像使用任何其他 Javascript 库一样通过 Typescript 获得类型安全。

当我自己跟随 Typescript React 教程时，我使用的是 IntelliJ IDEA，我得到了完整的智能感知支持(完成、查找用法等)。Typescript 编译器(和 IDEA)都会在你出错时提示(输入错误HTML 元素的名称、类型问题等)

编辑:Typescript Deep Dive 的“非 React JSX”部分似乎暗示可以在没有 React 的情况下使用 JSX。