您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Nuxt.js 项目目录结构

Nuxt.js 的认应用目录架构提供了良好的分层结构,适用于开发或大或小的应用。 当然,你也可以根据自己的偏好组织应用。

资源目录 assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript。

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

布局目录 layouts 用于组织应用的布局组件。

若无额外配置,该目录不能被。

middleware 目录用于存放应用的中间件。

目录 pages 用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 并对应的路由配置。

若无额外配置,该目录不能被。

目录 plugins 用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 。

目录 static 用于存放应用的,此类不会被 Nuxt.js Webpack 进行构建编译处理。 服务器启动的时候,该目录下的会映射至应用的根路径 / 下。

举个例子: /static/robots.txt 映射至 /robots.txt

若无额外配置,该目录不能被。

store 目录用于组织应用的  。 Nuxt.js 框架集成了  的相关配置,在 store 目录下创建 index.js 可激活这些配置。

若无额外配置,该目录不能被。

nuxt.con.js 用于组织Nuxt.js 应用的个性化配置,以便覆盖认配置。

若无额外配置,该不能被。

package.json 用于描述应用的依赖关系和的脚本接口。

该不能被。

别名

认情况下,srcDir 和 rootDir 相同。

: 在您的 vue 模板中, 如果你需要引入 assets 或者 static 目录, 使用 ~/assets/your_image.png 和 ~/static/your_image.png方式。


联系我
置顶