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

分类:计算机 | 前端 | Nuxt.js | 综合 338
更新:2020-11-04 00:04:02
编辑

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