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

 

猜你喜欢

转载自www.cnblogs.com/jin-zhe/p/9656203.html