nuxt.js框架的目录结构说明

Nuxt.js的默认应用目录架构提供了良好的代码分层结构，适用于开发或大或小的应用。

1 asserts

该目录是资源目录，用于组织未编译的静态资源，如：LESS、SASS、JS

2 components

该目录是组件目录，用于组织应用的Vue.js组件。Nuxt.js不会扩展增强该目录下的Vue.js组件，即这些组件不会像页面组件那样有asyncData方法的特性。

3 layouts

该目录是布局目录，用于组织应用的布局组件。说明：若无额外配置，该目录不能被重命名。

4 middleware

该目录是中间件目录，用于存放应用的中间件。

5 pages

该目录是页面目录，用于组织应用的路由及视图。Nuxt.js框架读取该目录下所有的.vue文件并自动生成对应的路由配置。说明：若无额外配置，该目录不能被重命名。

6 plugins

该目录是插件目录，用于组织那些需要在根vue.js应用实例化之前需要运行的javascript插件。

7 static

该目录是静态文件目录，用于存放应用的静态文件，此类文件不会被Nuxt.js调用Webpack进行构建编译处理。服务器启动的时候，该目录下的文件会被映射到应用的根路径/下。说明：若无额外配置，该目录不能被重命名。

8 store

该目录是状态树目录，用于组织应用的Vuex状态树文件。Nuxt.js框架集成了Vuex状态树的相关功能配置，在store目录下创建一个index.js文件可激活这些配置。

9 nuxt.config.js文件

该文件用于组织Nuxt.js应用的个性化配置，以便覆盖默认配置。说明：若无额外配置，该文件不能被重命名。

10 package.json文件

该文件用于描述应用的依赖关系和对外暴露的脚本接口。说明：该文件不能被重命名。

11 别名

别名	目录
~或@	srcDir
~~或@@	rootDir