pages：页面目录pages用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的.vue文件并自动生成对应的路由配置。若无额外配置，该目录不能被重命名。值得注意的是：nuxt中是不需要你手写路由的，直接在pages里面增加文件夹即可。例如要增加一个路由为news的页面，只需要在pages文件夹里面新建一个news文件夹里面新建一个index.vue文件即可。当然你也可以看到对应的router.js文件

不同页面之间的跳转使用nuxt-link组件即可，传递对应的name即可，也可以传递参数，用params属性传递即可

{{ item.name }}

plugins：插件目录plugins用于组织那些需要在根vue.js应用实例化之前需要运行的 Javascript 插件。

注意：在nuxt中使用插件和在一般的vue中是有很大差别的

一般只需要npm 安装对应的包，然后在main.js中引入和使用即可

但是在nuxt中你需要在plugins文件夹中定义对应的js来引入插件，然后再nuxt,config.js中来配置才能使用

例如我要使用element-ui

首先要npm 安装

然后需要再plugins文件夹里面顶一个JS来进行引入和使用，JS的名字随便起

然后在nuxt.config.js中引入这个js，

对于element这种需要引入css的插件还需要，在nuxt.config.js里面的css配置项里面引入对应的样式库

static:静态文件目录static用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径/下。

store目录用于组织应用的Vuex 状态树文件。 Nuxt.js 框架集成了Vuex 状态树的相关功能配置，在store目录下创建一个index.js文件可激活这些配置。

这里和一般的vue项目中使用vuex没什么区别

nuxt.config.js 文件：nuxt.config.js文件用于组织 Nuxt.js 应用的个性化配置，以便覆盖默认配置。

这个文件很关键，项目打什么类型的包，以什么方式运行以及一些三方插件库都需要在这里面配置，包括一些SEO优化还有html的头部都是在这里配置。

这里我之说几个关键和常用的配置选项，其他的有兴趣可以去看官网。

ssr配置项，可以设置true和false，j是否启动ssr渲染,ssr:true是默认值

target:static/server,采用静态渲染还是服务端渲染

一般情况下ssr:true与target:server一起使用，然后执行npm run build即可构建一个ssr的包，发布到服务器即可完成ssr。

如果要打一个spa的包只需要设置ssr:false即可，target配置项不需要设置

如果要打一个静态部署的包你需要设置ssr:true,target:static

这些主要是打包的配置

除了这些还有css配置项，是用来引入全局样式的，还有plugin配置项是用来注册插件的。这些就是主要的配置项

三、使用flexable.js和postcss-pxtorem插件来进行PC端的适配

这里主要是做一个官网的项目，所以要针对不通的PC端屏幕进行适配。我采用的是flexable.js和postcss-pxtorem。我一开始用的是postcss-px2rem后来发现和nuxt引入公共css的时候发生了冲突所以改用了postcss-pxtorem。