My VSCode Settings + Monokai Theme

.editorconfig

[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
end_of_line = lf
trim_trailing_whitespace = true
insert_final_newline = true
max_line_length = 100

[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true

[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true

.eslintrc.js

module.exports = {
	root: true,
	env: {
		browser: true,
		node: true
	},
	parserOptions: {
		parser: 'babel-eslint'
	},
	extends: [
		'eslint:recommended',
		'plugin:vue/base',
		'plugin:vue/essential',
		'plugin:vue/recommended',
		'plugin:vue/strongly-recommended',
		'plugin:es-beautifier/standard'
	],
	plugins: ['es-beautifier'],
	// add your custom rules here
	rules: {
		'no-console':
			process.env.NODE_ENV === 'production' ? 'error' : 'off',
		'no-debugger':
			process.env.NODE_ENV === 'production' ? 'error' : 'off',
		indent: ['error', 'tab', { SwitchCase: 1 }],
		'no-tabs': 0,
		'no-unused-vars': 0,
		'no-use-before-define': 0,
		'import/no-unresolved': 0,
		quotes: ['error', 'single'],
		'no-param-reassign': 0,
		'no-underscore-dangle': 0,
		eqeqeq: ['error', 'always'],
		'comma-dangle': ['error', 'never'],
		'linebreak-style': 'off',
		'vue/html-indent': ['error', 'tab'],
		'vue/max-attributes-per-line': 'off',
		'vue/multiline-html-element-content-newline': 'off',
		'vue/singleline-html-element-content-newline': 'off',
		'vue/html-self-closing': 'off',
		'space-before-function-paren': 'off',
		'es-beautifier/multiline-object-properties': 'off',
		'vue/order-in-components': 'off',
		'arrow-parens': 'off',
		'vue/attribute-hyphenation': 'off',
		'vue/html-indent': 'off',
		'vue/no-multi-spaces': 'off',
		'vue/attributes-order': 'off',
		'es-beautifier/multiline-array-elements': 'off'
	}
};

.jsbeautifyrc

{
	"root": true,
	"end_with_newline": true,
	"space_after_anon_function": true,
	"space_after_named_function": true
}

.prettierrc

{
	"arrowParens": "avoid",
	"bracketSpacing": true,
	"insertPragma": false,
	"printWidth": 70,
	"requirePragma": false,
	"semi": true,
	"singleQuote": true,
	"useTabs": true,
	"tabWidth": 1
}

vscode.user.settings.json

{
  "editor.formatOnSave": false,
  "editor.minimap.enabled": false,
  "editor.occurrencesHighlight": true,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "editor.tabCompletion": "on",
  "eslint.autoFixOnSave": true,
  "files.insertFinalNewline": true,
  "python.autoComplete.addBrackets": true,
  "python.linting.banditEnabled": true,
  "git.autofetch": true,
  "docker.defaultRegistryPath": "princestark",
  "editor.tabSize": 2,
  "eslint.run": "onSave",
  "vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
      "printWidth": 70, // No line exceeds 100 characters
      "sortAttributes": true
    }
  },
  // Font and display settings
  "workbench.colorTheme": "One Monokai", // Get from store
  "workbench.iconTheme": "material-icon-theme",
  "vsicons.dontShowNewVersionMessage": true,
  "editor.fontLigatures": true,
  "editor.fontFamily": "'Fira Code iScript', Consolas, 'Courier New', monospace",
  // Download the Fira Code iScript from https://github.com/bhaskar-nair2/FiraCodeiScript 
  // Get All 3 types and install 
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          "entity.name.type.class", //class names
          "storage.modifier", //static keyword
          "storage.type.class.js", //class keyword
          "support.type.property-name.css"
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#e5e5e5"
        }
      },
      {
        "scope": [
          "comment", // Duh..
          "punctuation.definition.tag" // </> tags
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#a1a1a1"
        }
      },
      {
        "scope": [
          "text.html",
          "expression.embedded.vue" // vue specific attributes
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#e5e5e5"
        }
      },
      {
        "scope": [
          "entity.other.attribute-name", // html attribute names
          "keyword.control.export.js", // export
          "keyword.control.import.js", // import4
          "keyword.control.from.js" // from
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#FFAB00"
        }
      },
      {
        "scope": [
          "entity.name.tag" // html tags
        ],
        "settings": {
          "foreground": "#69F0AE",
          "fontStyle": ""
        }
      },
      {
        "scope": [
          "variable.parameter", // params
          "support.type.property-name" //josn keys
        ],
        "settings": {
          "fontStyle": "",
          "foreground": "#80DEEA"
        }
      },
      {
        "scope": [
          "string",
          "variable.other.readwrite.js",
          "punctuation.definition.string",
          "source.directive"
        ],
        "settings": {
          "fontStyle": "",
          "foreground": "#9FA8DA"
        }
      },
      {
        "scope": ["keyword"],
        "settings": {
          "fontStyle": "",
          "foreground": "#FF7043"
        }
      },
      {
        "scope": [
          //following will be excluded from italics (VSCode has some defaults for italics)
          "invalid",
          "keyword.operator",
          "constant.numeric.css",
          "keyword.other.unit.px.css",
          "constant.numeric.decimal.js",
          "constant.numeric.json",
          "storage.type.class.js"
        ],
        "settings": {
          "fontStyle": ""
        }
      }
    ]
  },
  "git.enableSmartCommit": true,
  "vetur.format.options.useTabs": true,
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.renderControlCharacters": false,
  "terminal.integrated.rendererType": "dom",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "files.autoSave": "onFocusChange",
  "python.linting.pylintEnabled": false,
  "python.linting.enabled": true,
  "dart.flutterSdkPath": "/home/bhaskar/flutter"
}