VSCode

extensions.json

{
  "recommendations": [
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    "orta.vscode-jest",
    "tlent.jest-snapshot-language-support",
    "vespa-dev-works.jestrunit",
    "vivaxy.vscode-conventional-commits",
    "bradlc.vscode-tailwindcss",
    "aaron-bond.better-comments",
    "formulahendry.auto-close-tag"
  ]
}

settings.json

{
  "git.branchProtection": ["main"],
  "typescript.tsdk": "node_modules/typescript/lib",

  // Editor fonts
  "editor.tabSize": 2,
  "editor.guides.bracketPairs": true,
  "editor.rulers": [80, 100, 120],
  "editor.wordWrap": "bounded",
  "editor.wordWrapColumn": 120,

  // Editor Indents
  "editor.renderWhitespace": "all",
  "editor.detectIndentation": true,

  // Editor Suggestions
  "editor.suggest.preview": false,
  "editor.snippetSuggestions": "inline",
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  "editor.quickSuggestionsDelay": 0,
  "editor.suggestSelection": "first",
  "editor.suggest.showStatusBar": true,
  "editor.suggest.localityBonus": true,
  "editor.inlineSuggest.enabled": true,
  "editor.wordBasedSuggestions": true,
  "editor.acceptSuggestionOnCommitCharacter": false,
  "vsintellicode.modify.editor.suggestSelection": "choseToUpdateConfiguration",

  // Editor Others
  "editor.tabCompletion": "on",
  "editor.accessibilitySupport": "off",
  "editor.glyphMargin": true,
  "editor.minimap.renderCharacters": false,
  "editor.minimap.showSlider": "always",
  "editor.smoothScrolling": true,
  "editor.linkedEditing": true,
  "editor.stickyScroll.enabled": true,

  /**
   * Editor Formatters & Linters.
   */
  "editor.formatOnSave": true,
  "editor.formatOnPaste": false,
  "editor.codeActionsOnSave": {
    "source.addMissingImports": true,
    // "source.organizeImports": true,
    // "source.sortImports": true,
    // "source.fixAll": true
    "source.fixAll.eslint": true
    //  "source.fixAll.stylelint": true
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  // Files Customization
  "files.autoSave": "onFocusChange",
  // "files.autoSaveDelay": 500,
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.eol": "\n",
  "files.defaultLanguage": "markdown",
  "files.associations": {
    "*.ejs": "html",
    "*.svg": "html",
    ".php_cs": "php",
    ".php_cs.dist": "php",
    "*.module": "php",
    ".exports": "shellscript",
    ".paths": "shellscript",
    "*.php": "php",
    "*.blade.php": "blade",
    "*.snippet": "plaintext",
    "*.md": "mdx"
  },
  "files.exclude": {
    "USE_GITIGNORE": true
  },

  // Language Specific Settings
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "stylelint.validate": ["css", "scss"],
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.referencesCodeLens.enabled": true,
  "javascript.referencesCodeLens.showOnAllFunctions": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "typescript.validate.enable": true,

  // Prettier & Eslint
  // Linters & Formatters
  "prettier.enable": true,
  "prettier.printWidth": 120,
  "prettier.jsxSingleQuote": true,
  // "prettier.singleQuote": true,
  // "prettier.tabWidth": 2,
  "eslint.enable": true,
  "eslint.alwaysShowStatus": true,
  "eslint.useESLintClass": true,
  "eslint.validate": [
    "markdown",
    "mdx",
    "javascript",
    "javascriptreact",
    "vue",
    "typescript",
    "typescriptreact"
  ],
  "eslint.options": {
    "extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx"],
    "overrideConfig": {
      "env": {
        "browser": true,
        "es6": true
      },
      "parserOptions": {
        "ecmaVersion": 2019,
        "sourceType": "module",
        "ecmaFeatures": {
          "jsx": true
        }
      },
      "rules": {
        "no-debugger": "off"
      }
    }
  },

  // Tailwind.
  // Detect additional class regex
  "tailwindCSS.experimental.classRegex": [
    ":\\s*?[\"'`]([^\"'`]*).*?,",
    ["tailwind.style\\(([^)]*)\\)", "\"([^\"]*)\""]
  ],
  // Enable features in languages that are not supported by default. Add a mapping here between the new language and an already supported language.
  "tailwindCSS.includeLanguages": {
    "plaintext": "html",
    "typescript": "javascript",
    "typescriptreact": "javascript",
    "javascriptreact": "javascript"
  },
  "css.lint.unknownAtRules": "ignore",

  // Jest
  "jest.autoRun": { "watch": false },

  // Conventional Commit
  "conventionalCommits.emojiFormat": "emoji",
  "conventionalCommits.showEditor": true,
  "conventionalCommits.lineBreak": "\\n",
  "conventionalCommits.promptFooter": false,
  "conventionalCommits.promptBody": false,

  // Auto close tag
  "auto-close-tag.SublimeText3Mode": true,
  "auto-close-tag.activationOnLanguage": [
    "xml",
    "php",
    "blade",
    "ejs",
    "jinja",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "plaintext",
    "markdown",
    "vue",
    "liquid",
    "erb",
    "lang-cfml",
    "cfml",
    "HTML (Eex)",
    "mdx"
  ]
}

tasks.json

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [{
    "label": "syncAll",
    "type": "shell",
    "command": "git add .;git commit -m 'Automatic Commit';git pull origin master;git push origin master;",
    "isBackground": true,
    "presentation": {
      "reveal": "never"
    }
  }]
}