參考地址：https://zh.nuxtjs.org/guide/installation 官網

http://jspang.com/2018/02/26/nuxt/

1、目錄結構

2、Nuxt常用配置項

配置IP和端口：

package.json

配置全局的css:

在assets裏面創建文件：

在nuxt.config.js裏面配置

配置webpack的loader

在nuxt.config.js裏是可以對webpack的基本配置進行覆蓋的，比如現在我們要配置一個url-loader來進行小圖片的64位打包。就可以在nuxt.config.js的build選項裏進行配置。

例：

 1 build: {
 2  
 3     loaders:[
 4       {
 5         test:/\.(png|jpe?g|gif|svg)$/,
 6         loader:"url-loader",
 7         query:{
 8           limit:10000,
 9           name:‘img/[name].[hash].[ext]‘
10         }
11       }
12     ],
13  
14     /*
15     ** Run ESLint on save
16     */
17     extend (config, { isDev, isClient }) {
 
18       if (isDev && isClient) {
19         config.module.rules.push({
20           enforce: ‘pre‘,
21           test: /\.(js|vue)$/,
22           loader: ‘eslint-loader‘,
23           exclude: /(node_modules)/
24         })
25       }
26     }
27   }

3、路由配置

可以直接使用a標簽，不過推薦用nuxt自帶的標簽<nuxt-link>

Nuxt學習筆記