三、Nuxt项目目录结构

使用IDE打开我们初始化完的新项目，然后发现目录如下图所示

现在来介绍一下每个目录和文件

.idea　　　　　是我使用的IDE是IDEA自动生成的，跟项目无关

.nuxt 　　　　 Nuxt自动生成，临时用于编辑的文件，build

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

components 　　用于自己编写的Vue组件，比如波动组件、日历组件、分页组件

layouts 　　　　布局目录，用于组织应用的布局组件，不可更改

middleware 　　用于存放中间件

pages 　　　　用于存放写的页面，我们主要的工作区域

plugins　　　　用于存放JavaScript插件的地方

static　　　　用于存放静态资源文件，比如图片

store　　　　用于组织应用的Vuex 状态管理

.editorconfig　开发工具格式配置

.eslintrc.js　　 ESLint的配置文件，用于检查代码格式

.gitignore　　配置git不上传的文件

app.html 默认的html模板

nuxt.config.json 　　用于组织Nuxt.js应用的个性化配置，已覆盖默认配置

package-lock.json　 npm自动生成，用于帮助package的统一设置的，yarn也有相同的操作

package.json　　 npm 包管理配置文件

巴特西