更漂亮的自相矛盾

Question

我是个用制表符而不是两个空格的人。我使用了，并选择了ESLint +更漂亮。全部写在VSCode上。事先准备好的秘密都在那里，一切都很好。当我想使用制表符而不是空格时，问题就开始了。

我的.prettierrc文件：

{
  "semi": true,
  "singleQuote": true,
  "useTabs": true,
  "tabWidth": 4
}

还有我的.eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true,
  },
  parserOptions: {
    parser: 'babel-eslint',
  },
  extends: [
    '@nuxtjs',
    'prettier',
    'prettier/vue',
    'plugin:prettier/recommended',
    'plugin:nuxt/recommended',
  ],
  plugins: ['prettier'],
  // add your custom rules here
  rules: {},
}

我还把它添加到了我的settings.json in VsCode中

(编辑以反映VSCode中的所有设置)

{
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "One Dark Pro",
    "explorer.confirmDelete": false,
    "files.autoSave": "afterDelay",
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "window.zoomLevel": 0,
    "tabnine.experimentalAutoImports": true,
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}

在尝试保存一些东西之后，它甚至没有修复Vue皮棉的问题，而只是自行其是。这只是让我把头发都扯掉了。

网站截图：

​

来自VSCode的一张图片显示，当插入TAB时，它抛出一个更漂亮的错误，使它变成两个空格。我正在失去理智。

​

​

我也知道Nuxt.js并不那么受欢迎，但至少应该有一个合适的配置。每次谷歌搜索都会把我扔到Nuxt的通用配置文档中。

Answer 1

有相当多的变量可能会导致这种情况，试试以下几个：

“我认为这是因为，tabWidth:4是在用户的设置中指定的。而在工作区设置中，没有指定任何内容，所以它对工作区使用默认值，即tabWidth:2

正如注释中提到的，在.prettierrc中添加tabWidth:4可以修复它！“

链接到更漂亮的文档

还可以查看您的VSCode工作区/用户设置，以查看是否设置了tabWidth。