Vue Nuxt 项目结构

Question

nuxt-app
├─ .gitignore
├─ README.md
├─ jsconfig.json
├─ nuxt.config.js
├─ package.json
├─ src // 把项目目录移动到 src 目录下时，需要配置 nuxt.config.js 的 srcDir 属性
│    ├─ assets  // 未编译的「静态资源」，如 less, sass, js
│    ├─ static  // 「静态文件目录」，用于存放应用的静态文件，不被编译处理。该目录下的文件会映射至应用的根路径 / 下
│    ├─ layouts // 「布局组件」
│    ├─ middleware  // 「中间件」
│    ├─ components  // 「应用组件」，这些组件不会像 pages 组件那样有 asyncData 方法的特性
│    │    ├─ NuxtLogo.vue
│    ├─ pages  // 「页面目录」,用于组织应用的路由及视图,Nuxt 读取该目录下所有的 .vue 文件并自动生成对应的路由配置。
│    │    └─ index.vue
│    ├─ plugins  // 「插件」,用于组织需要在 根 vue.js 应用 实例化之前需要运行的 Javascript 插件。
│    │    └─ antd-ui.js
│    ├─ static
│    │    └─ favicon.ico
│    └─ store
│           └─ index.js
├─ tsconfig.json
└─ yarn.lock

// nuxt.config.js
export default {
  srcDir: 'src'
}