哈喽,大家好。今天给大家带来的是新版Nuxt项目目录结构的解析,话不多说我们开始吧。
首先看一下新版本的Nuxt目录(如下图):
.nuxt //nuxt自动生成,临时生成的用于编辑的文件
components //用于自己编写或定制的Vue组件
node_modules //项目所需依赖
pages //用于组织应用的路由及视图,Nuxt.js根据该目录结构自动生成对应的路由配置,一般情况下文件夹名不可更改
static //用于存放应用的静态文件,此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候,该目录下的文件会映射至应用的根路径 / 下。文件夹名不可更改。
store //用于组织应用的Vuex 状态管理。文件夹名不可更改。
.editorconfig //开发工具格式配置
.gitignore //ESLint的配置文件,用于检查代码格式
jsconfig.json //创建项目时为vscode独有创建的文件
nuxt.config.js //用于组织Nuxt.js 应用的个性化配置,以便覆盖默认配置。文件名不可更改。
package.json //npm 包管理配置文件
README.md //自述文件
yarn.lock //yarn自动生成,用于帮助package的统一设置的,npm也有相同的操作
相信细心的小伙伴已经看出来了,怎么少了几个文件夹?是的,新版本下 "assets"、"layouts"、"middleware"、"plugins"这四个文件夹就没了,我以为是官方搞出了什么大优化,结果探索了一番下来,很遗憾,并不是。没有的那几个文件夹需要用到时可以通过手动创建的方式来使用,而且使用方法和1.x也没有什么区别。而且layouts几乎是必用的了,不知道官方这么做有什么意义....
以上就是本期内容了,下一期将为大家带来开发前的一些小配置以及使用技巧!
评论区