zoukankan      html  css  js  c++  java
  • NustJS之目录结构

    官网:https://zh.nuxtjs.org/guide/directory-structure/

    一 assets目录(资源目录)

      资源目录 assets 用于组织未编译的静态资源如 LESSSASSJavaScript。该目录下的静态资源会被webpack进行编译,public中的不会被编译

    二 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 进行构建编译处理。 服务器启动的时候,该目录下的文件会映射至应用的根路径 / 下。

    八 store目录

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

     九 nuxt.config.js 文件

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

    十 package.json 文件

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

     十一 别名

    ~@ srcDir
    ~~@@ rootDir

    默认情况下,srcDirrootDir 相同。

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

  • 相关阅读:
    第三章 对话拖延--摆脱拖延
    第二章 审问拖延:被架在审判席上的失败者恐惧症
    番茄学习法笔记以及初始尝试
    第一章 质疑拖延:是可恶的坏习惯还是应得的报应
    学习编程珠玑笔记记录-----第二章 算法
    李文业工作一年总结
    永远要努力向前
    怎样才能在工作中进步的更快
    windows下php扩展安装
    JS学习笔记
  • 原文地址:https://www.cnblogs.com/codexlx/p/12916584.html
Copyright © 2011-2022 走看看