美文网首页
creat-nuxt-app搭出来的项目的目录结构

creat-nuxt-app搭出来的项目的目录结构

作者: MYSUNFLOWER | 来源:发表于2020-04-01 15:26 被阅读0次
目录结构图片

资源目录(assets)

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

组件目录(components)

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

布局目录(layouts)

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

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

中间件目录(middleware)

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

页面目录(pages)

页面目录 pages 用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。

插件目录(plugins)

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

静态文件目录(static)

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

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

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

Store 目录

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

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

nuxt.config.js 文件

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

若无额外配置,该文件不能被重命名。

package.json 文件

package.json 文件用于描述应用的依赖关系和对外暴露的脚本接口。

该文件不能被重命名。

相关文章

  • creat-nuxt-app搭出来的项目的目录结构

    资源目录(assets) 资源目录 assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaSc...

  • nuxt框架实践SSR

    1、利用creat-nuxt-app三脚架搭工程 方案一:npx create-nuxt-app [project...

  • 025 快速入门

    #Android项目的目录结构 *Activity:应用被打开时显示的界面 *src:项目代码 *R.java:项...

  • android笔记

    Android项目的目录结构(熟悉) Activity:应用被打开时显示的界面 src:项目代码 R.java:项...

  • android笔记-数据储存与界面1

    Android项目的目录结构(熟悉) Activity:应用被打开时显示的界面 src:项目代码 R.java:项...

  • java 项目目录结构分析

    项目的发布: 目录结构:

  • [iOS-Practice] 项目结构

    总结时读到的一系列文章 iOS应用架构谈 开篇我的iOS工程结构iOS项目的目录结构-原创iOS 项目的目录结构能...

  • APP项目的目录结构

    来到了新公司安装环境,用了一上午的时间安装环境,下载代码,打开之后整体的架构让我眼前一亮 这里简单说下项目的整体目...

  • Python项目的目录结构

    Python项目的目录结构 requirements.txt docs README.md setup.py 虚拟...

  • iOS 项目的目录结构

    这个话题一直都是没有定论的。因为经验不同,选择的结构也不会完全一样,但是大体应该是一致的。总体原则是只要满足业务需...

网友评论

      本文标题:creat-nuxt-app搭出来的项目的目录结构

      本文链接:https://www.haomeiwen.com/subject/ewkauhtx.html