Nuxt自动生成了项目目录，我们先来一个一个介绍一下。

最新推荐文章于 2024-07-26 15:55:48 发布

碉堡飞哥

最新推荐文章于 2024-07-26 15:55:48 发布

阅读量1.2k

点赞数

分类专栏：前端 koa

前端同时被 2 个专栏收录

183 篇文章

订阅专栏

koa

3 篇文章

订阅专栏

本文详细介绍了Nuxt.js项目自动生成的目录结构，包括.nuxt、assets、components、layouts、middleware、pages、plugins、static、store等关键目录的作用及使用场景，适合初学者快速了解Nuxt.js项目的组织方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Nuxt自动生成了项目目录，我们先来一个一个介绍一下。

.nuxt // Nuxt自动生成，临时的用于编辑的文件，build
assets // 用于组织未编译的静态资源如LESS、SASS或JavaScript
components // 用于自己编写的Vue组件，比如波动组件、日历组件、分页组件
layouts // 布局目录，用于组织应用的布局组件，不可更改
middleware // 用于存放中间件
pages // 用于存放写的页面，我们主要的工作区域
plugins // 用于存放JavaScript插件的地方
static // 用于存放静态资源文件，比如图片
store // 用于组织应用的Vuex 状态管理
.editorconfig // 开发工具格式配置
.eslintrc.js // ESLint的配置文件，用于检查代码格式
.gitignore // 配置git不上传的文件
nuxt.config.json // 用于组织Nuxt.js应用的个性化配置，已覆盖默认配置
package-lock.json // npm自动生成，用于帮助package的统一设置的，yarn也有相同的操作
package.json // npm 包管理配置文件