vue创建的时候没有index.html文件

Question

我看到许多博客中都说vue创建的时候有index.html文件，一直以来我创建的项目都没有这个文件，只有main.js和App.vue,是vue版本的问题吗，还是脚手架的问题

Answer 1

Vue CLI 脚手架在创建项目时默认会生成一个 public/index.html 文件作为项目的模板文件，但是这并不是必需的，你完全可以手动创建一个空的 index.html 文件，然后在 main.js 中引入 Vue 并将其挂载到这个文件中。

如果你使用的是较新的版本的 Vue CLI（如 3.x 或 4.x），那么这个模板文件可能已经被移动到了一个名为 public/index.html 的目录下，而不是在项目根目录下。如果你使用的是旧版本的 Vue CLI（如 2.x），那么在创建项目时会在项目根目录下生成一个 index.html 文件。

因此，如果你创建的 Vue 项目中没有 index.html 文件，可能是因为你使用的是较新的版本的 Vue CLI，或者你在创建项目时手动删除了这个文件。但是，缺少这个文件并不会影响 Vue 项目的正常运行，因为 Vue CLI 默认会将 Webpack 的输出文件注入到 HTML 模板中，并在运行时自动创建一个虚拟的 HTML 文件。