NUXT.js 笔记 - 专案结构

好啦，开启专案的第一步安装，按照官方的做法，使用create-nuxt-app来建置新的nuxt专案，

安装好之后结构因该会是长这样

assets：
用于webpack编译的各类资源，可以放 sass、images、js等....

components：
管理公共组件或非公共组件

pages：
各页面组件，用于生成对应路由，支持嵌套，支持动态路由，相当于vue-router的作用，其中的规则会在后续的文章中介绍

layouts：
主布局页面模板组件，用于你可以把不同的页面指定使用不同的布局

middleware：
中间件，首屏渲染和路由跳转前均执行对应中间件（登录态校验等），可以返回promise或直接next

plugins：
插件，SPA中用的各类第三方组件和一些node模块都可以在这引入，甚至可以引入自己编写的第三方库

static：
静待的档案放置位置，他在编译时会直接複製到打包位置，适合放一些robots.txt或sitemap.xml

store：
vuex的主要放置位置，可以直接返回数据模块或返回一个自建vuex根对象，也会在后续的文章更加详细的介绍如何使用

nuxt.config.js：
nuxt的相关参数设定，也可以在此对webpack的一些设定等...

下一章我们就先来看看 nuxt.config.js 吧