3. Directory Structure

目录结构

默认 Nuxt.js应用结构旨在为小型或大型项目提供起点。你可以自由组织你的应用并且当你需要它们时，你可以创建其他目录。

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

mkdir components assets static
touch nuxt.config.js
复制代码

这些是当创建 Nuxt.js应用时，我们使用的主目录和文件。你将在它们每个目录下找到解释说明。

用这些名字创建目录并在你的 Nuxt.js项目中启用功能。

目录

pages 目录

pages目录用来容纳你应用的页面和路由。正如你在上一个章节学到的，Nuxt.js读取目录中的所有.vue文件并将它们创建为应用路由。

学习更多关于 pages directory

components 目录

components目录是你放所有 Vue.js组件的地方然后将这些组件引入你的页面中。

使用 Nuxt.js 创建你的应用并自动导入到你的.vue文件中，这意味着你无需手动引入它们到 script选项中。一旦你的组件设定为true，Nuxt.js将为你自动扫描并导入它们。

学习更多关于 components directory

assets 目录

assets目录包含你未编译的包，如你的样式、图片、字体文件。

学习更多关于 assets dirctory

static 目录

static直接映射到服务器根服务并包含保留它们名字（如 robots.txt）或 可能不会改变(如 favicon) 的文件

学习更多关于 static directory

nuxt.config.js 文件

nuxt.config.js文件是Nuxt.js的单点配置。如果你想模块或覆盖默认设置，要在这个文件添加改变。

学习更多关于 nuxt.config.js

package.json 文件

package.json文件包含应用的所有依赖项和scripts.

更多关于项目结构

学习更多有帮助的目录和文件，包含 content,layouts,middleware,modules,plugins 和 store。因为它们对于小型项目不是必须的，这里无需讨论。

详细了解所有目录，请随意阅读Directory Structure book。