title: Eslint expected indentation of 1 tab but found 4 spaces error
body: <p>I am using VScode with latest version of Eslint. It is my first time using a linter. </p>
  
  <p>I keep getting this linting error when using a tab as indentation: </p>
  
  <p><strong>severity: 'Error'
  message: 'Expected indentation of 1 tab but found 4 spaces. (indent)'
  at: '4,5'
  source: 'eslint'</strong></p>
  
  <p>Here is my config file</p>
  
  <pre><code>{
  "env": {
      "browser": true,
      "commonjs": true,
      "es6": true,
      "node": true
  },
  "extends": "eslint:recommended",
  "rules": {
      "indent": [
          "error",
          "tab"
      ],
      "linebreak-style": [
          "error",
          "unix"
      ],
      "quotes": [
          "error",
          "single"
      ],
      "semi": [
          "error",
          "always"
      ]
  }
  }
  </code></pre>
  
  <p>I don't understand why this error is being thrown as I indicated tabs for indentation. It is obviously calculating my 1 tab as 4 spaced but I don't understand why it is doing that when I am pressing tab for indentation. </p>
  
  <p><strong>update:</strong> The reason is because in VScode using <kbd>ctrl + shift + i</kbd> to beautify code will actually use spaces and not tabs. That is the reason. </p>