Javascript 显示示例项目代码时，codepen中html和js选项卡之间的关系？

我将学习本教程：

本教程中提供了一个指向codepen的链接，其中代码已经存在

---

使用codepen的一个选项是在本地编写和运行代码。在本教程中，任何时候都没有指示您编写html代码。我的问题是，html代码是从js代码“生成”的吗？这个html来自哪里？它的用途是什么？

是的，CodePen为您处理JS、HTML和CSS之间的链接，因此您不必在HTML中包含诸如

脚本

、

样式

、

头部

、

正文

等样板文件

---

如果要查看实际的底层代码，请右键单击显示区域内的元素，然后单击“检查”。该元素的父级

iframe

中的所有沙盒都是您的HTML。

那么HTML是由javascript生成的吗？虽然css和javascript/react代码都是由人编写的，但没有人编写过html——我猜html实际上是由javascript和css生成的？你说，“所以你不必在html中包含……等等”--但问题的核心是，我认为我根本没有写过HTML--你能在不写HTML的情况下做reactjs吗？如果有时必须编写HTML，那么什么时候有必要？React至少需要一个带有根元素的HTML“框架”来运行。假设您正在使用React with Babel（在CodePen设置中配置），自动化过程如下：1）创建HTML样板2）Transfile React JSX代码到纯JavaScript 3）将#2的结果注入样板4）Transfile SCS（如果使用）到CSS 5）注入CSS。不一定按那个顺序。谢谢——我想现在我确实看到了index.html被创建了。