侧边栏壁纸
博主头像
南小濡的技术窝博主等级

行动起来,活在当下

  • 累计撰写 48 篇文章
  • 累计创建 42 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

Nuxt.JS项目目录结构解析(V2.15.7)

Administrator
2021-10-02 / 0 评论 / 0 点赞 / 320 阅读 / 1185 字 / 正在检测是否收录...

       哈喽,大家好。今天给大家带来的是新版Nuxt项目目录结构的解析,话不多说我们开始吧。

       首先看一下新版本的Nuxt目录(如下图):

image.png

.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几乎是必用的了,不知道官方这么做有什么意义....

       以上就是本期内容了,下一期将为大家带来开发前的一些小配置以及使用技巧!

0

评论区