universal

Universal configs

EditorConfig

.editorconfig

root = true

[*]
charset = utf-8
indent_style = tab
insert_final_newline = true
max_line_length = 80
trim_trailing_whitespace = true

# For a pretty visual representation.
[*.md]
indent_size = 2
indent_style = space

Prettier

Installation script

Yarn

yarn add -D -E prettier

npm

npm i -D -E prettier

.prettierrc

{
  "arrowParens": "always",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "endOfLine": "auto",
  "jsxSingleQuote": false,
  "printWidth": 80,
  "quoteProps": "as-needed",
  "semi": true,
  "singleQuote": false,
  "trailingComma": "all",
  "useTabs": true,
  "overrides": [
    {
      "files": "*.md",
      "options": {
        "tabWidth": 2,
        "useTabs": false
      }
    }
  ]
}

.prettierignore

# Artifacts
build
dist

package.json

{
  "scripts": {
    "prettier:check": "prettier . --check",
    "prettier:fix": "prettier . --write"
  }
}

Visual Studio Code

Extensions

• Auto Rename Tag (enabled only if needed)
• Better Comments
• browserslist (enabled only if needed)
• Code Spell Checker
• DotENV (enabled only if needed)
• EditorConfig for VS Code (enabled only if needed)
• ESLint (enabled only if needed)
• filesize (enabled only if needed)
• GitLens — Git supercharged
• markdownlint (enabled only if needed)
• Material Icon Theme
• Nunjucks (enabled only if needed)
• One Monokai Theme
• Path Autocomplete
• Prettier - Code formatter (enabled only if needed)
• Russian - Code Spell Checker (enabled only if needed)
• SCSS IntelliSense (enabled only if needed)
• stylelint (enabled only if needed)

Note: run code --list-extensions in terminal to get extensions list.

Config

{
  "cSpell.enableFiletypes": ["diff", "jsx-tags", "xml"],
  "cSpell.language": "en,ru,ru-RU,en-GB,en-US",
  "diffEditor.ignoreTrimWhitespace": false,
  "editor.bracketPairColorization.enabled": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  // Fira Code font: https://github.com/tonsky/FiraCode
  "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",
  "editor.formatOnSave": true,
  "editor.guides.bracketPairs": true,
  "editor.linkedEditing": true,
  "editor.renderWhitespace": "all",
  "editor.rulers": [80],
  "editor.tabSize": 2,
  "explorer.compactFolders": false,
  "files.autoSave": "off",
  "files.insertFinalNewline": true,
  "git.allowNoVerifyCommit": true,
  "git.confirmSync": false,
  "gitlens.views.remotes.branches.layout": "tree",
  "gitlens.views.stashes.files.layout": "tree",
  "path-autocomplete.extensionOnImport": true,
  "terminal.integrated.scrollback": 5000,
  "workbench.colorCustomizations": {
    "[One Monokai]": {
      "editor.wordHighlightBorder": "#c5c5c5"
    }
  },
  "workbench.colorTheme": "One Monokai",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.startupEditor": "none"
}