三、Nuxt项目目录结构

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

 

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

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

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

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

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

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

扫描二维码关注公众号，回复： 3220484 查看本文章

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 包管理配置文件