在目录结构中不可见的Nuxt 3文件

Question

最近，我开始学习nuxt3，并使用nuxt3模板创建了一个nuxt应用程序。我用来生成初学者项目的代码是

npx nuxi init nuxt-app

但是，终端显示已经创建了应用程序，开发服务器也开始显示Nuxt3欢迎页面。但是当我在vs中加载目录时，像页面、存储和组件这样的文件夹是不可见的，如下面的截图所示。

​

​

Answer 1

您正在从<NuxtWelcome />文件夹导入node_modules组件。删除它并用<NuxtPages/>替换它。在文件夹pages中创建自己的组件。Nuxt 3本身导入组件，所以在<script>标记中看不到它们。<NuxtPages />将使用页面文件夹中的组件执行魔术。例如，您将在Index.vue主页中看到/组件，在/about中看到About.vue组件。

Answer 2

这种行为已经存在一年了：Some of the directories are missing when I'm trying to create a new Nuxt js project

这样做的目的是尽可能少地添加所有需要的目录。

好处是，如果您不使用任何pages，那么最后的包就会更小(例如，不需要在Vue路由器中)。同样适用于商店(不需要进口Vuex/Pinia)、服务器部件等。

它不是“你从一开始就拥有一切”，而是“挑选你最喜欢的东西”！