目录结构

默认的Nuxt.js应用程序结构旨在为小型和大型应用程序提供一个很好的起点。您可以随意组织您的应用程序,并可以在需要时创建其他目录。

让我们创建项目中还不存在的目录和文件。

mkdir组件静态资产触摸nuxt.config.js

这些是我们在构建Nuxt.js应用程序时使用的主要目录和文件。你将在下面找到它们的解释。

用这些名称创建目录可以在您的Nuxt.js项目中启用特性。

目录

页目录

页面目录包含应用程序的视图和路由。正如你在上一章学到的,Nuxt.js阅读所有.vue文件在这个目录中,并使用它们来创建应用程序路由器。

了解更多有关页目录

组件目录

组件目录是放置所有Vue.js组件的地方,这些组件随后被导入到页面中。

使用Nuxt.js,你可以创建你的组件并自动将它们导入到你的.vue文件中,这意味着不需要在脚本部分手动导入它们。一旦你将组件设置为true, Nuxt.js将扫描并自动导入这些组件。

了解更多有关组件目录

资产目录

资产目录包含未编译的资产,如样式、图像或字体。

了解更多有关资产目录

静态目录

静态目录直接映射到服务器根目录,其中包含必须保留其名称的文件(例如:robots . txt可能不会改变(例如favicon)

了解更多有关静态目录

nuxt.config.js文件

nuxt.config.js文件是Nuxt.js的单点配置。如果您想要添加模块或覆盖默认设置,这里是应用更改的地方。

了解更多有关nuxt.config.js文件

包。json文件

package.json文件包含应用程序的所有依赖项和脚本。

更多关于项目结构的信息

有更多有用的目录和文件,包括内容布局中间件模块插件商店.因为它们对于小型应用程序来说不是必需的,所以这里不讨论它们。

要详细了解所有目录,请随意阅读书的目录结构