m0_74019378的博客

搞了半天，也总算是运行出了一个Hello, World!中间遇到了一个小bug，就是没有在index.html中引入写好的main.jsx（新手上路，多多理解）。这段代码呢是先创建一个虚拟的DOM，然后用createRoot方法创建一个根节点。这个根节点再调用render方法与App绑定渲染，这里的App是导入的。这篇文章呢，就是简单记录一下，我目前能成功运行的那么一个Hello, World！最后，简单说一下上面的一些要点吧。那要导入App,自然是需要导出的。// 渲染组件到HTML页面。

里面有scripts的字段，在这个字段里定义了一些常用的命令，就类似于MakeFile这种。这个文件是用来管理依赖的，如果你运行npm install，还会生成一个package-lock.json的文件，这个文件中记录了你得项目依赖的非常非常详细的内容，包括版本，地址，以及这个依赖又需要的依赖等，感觉还是很不错的。如果硬要改，也不是不行，但是你得同时修改Vite或者其他构建工具的配置。然后我们还会发现，新建的一个项目里面有一个文件package.json。好吧，应该是Facebook规定的。

我的理解是，这就相当于一个开关，表面上是指定了html的版本，实际上是告诉浏览器使用哪些依赖或者说哪些技术（每个版本的html底层的技术有差异）。因为<mate>标签定义的是整个页面的一个属性，即使是name也是一个约定俗成的类型，如果你改了可能会出错。这个是用来挂载其他组件的一个挂载点，就是整个网页实际上是先进入这个html，然后再进入html里面的root，root里面再去写自己希望实现的东西。至于<title>也很简单，意思就是网页的标题，这个倒是可以随便改的。顾名思义，就是一个网页的头和身体。

小白使用优快云