nuxt项目配置nuxt.confg.js，使网页源代码排版变好看

可以在nuxt.config.js中配置以下选项来使网页源代码排版变得更好看：

1. indent：设置缩进空格数，建议设置为2或4，以使代码层次更清晰。

2. vueIndentScriptAndStyle：设置Vue组件中的script和style标签是否也要进行缩进，建议设置为true。

3. vueTemplateOptions：设置Vue组件中的template标签的选项，例如：preserveWhitespace设置为false可以去除模板中的空格和换行符，使代码更紧凑。

4. extend(config, ctx)：在构建配置中自定义webpack配置，例如：使用prettier-loader对代码进行格式化。

示例代码：

export default {
  // 设置缩进空格数
  indent: 2,
  // 设置Vue组件中的script和style标签也进行缩进
  vueIndentScriptAndStyle: true,
  // 设置Vue组件中的template标签的选项
  vueTemplateOptions: {
    preserveWhitespace: false
  },
  // 在构建配置中自定义webpack配置
  extend(config, ctx) {
    // 使用prettier-loader对代码进行格式化
    config.module.rules.push({
      enforce: "pre",
      test: /\.(js|vue)$/,
      loader: "prettier-loader",
      exclude: /(node_modules)/
    });
  }
}