VSCode

README.md

VSCode

Extensions

⚠️ Highly recommended

Performance

• CodeMetrics

Git / Code Versionign

• GitLens — Git supercharged

Lint / Pretty code

• Prettier
• ESLint
• Sass Lint
• JSHint
• SCSS Formatter

Utils

• IntelliSense for CSS class names in HTML
• SCSS IntelliSense

👍 Recommended

• Auto Close Tag
• Auto Rename Tag
• Bracket Pair Colorizer 2
• EditorConfig for VS Code
• Guides
• Color Info
• TODO Highlight
• Rainbow Brackets
• vscode-icons

Settings

This is a couple of VSCode settings I use and recommend.

Auto Save

{
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 500
}

Rulers

{
  "editor.rulers": [
    80,
    100,
    120
  ]
}

Excluding files

{
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/node_modules": true,
    "**/.DS_Store": true,
    "**/.next": true,
    "**/.cache": true
  }
}

Prettier

{
  "prettier.singleQuote": true
}

Typography

I use Victor Mono

{
  "editor.fontFamily": "Victor Mono",
  "editor.fontSize": 11.5,
  "editor.lineHeight": 28,
  "editor.letterSpacing": 0.5
  "files.autoSave": "onFocusChange",
}