Visual Studio Code

Connecting with Github

TODO

Syncing your settings

TODO

Plugins

Must have

TODO

Additional

• Auto Import
• Auto Rename Tag
• ESLint
• Color Highlight
• EditorConfig for VS Code
• GitHub Pull Requests and Issues

TODO

Customizing your IDE

Fonts

"terminal.integrated.fontFamily": "'MonoLisa', 'JetBrains Mono', Consolas",
"editor.fontFamily": "'MonoLisa', 'JetBrains Mono', Consolas",
"editor.codeLensFontFamily": "'MonoLisa', 'JetBrains Mono', Consolas",
"editor.inlayHints.fontFamily": "'MonoLisa', 'JetBrains Mono', Consolas",
"scm.inputFontFamily": "'MonoLisa', 'JetBrains Mono', Consolas",
"debug.console.fontFamily": "'MonoLisa', 'JetBrains Mono', Consolas"

Editor configs

"editor.fontLigatures": true,
"editor.formatOnSave": true,
"editor.tabSize": 2,
"editor.inlineSuggest.enabled": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnPaste": true,
"editor.formatOnType": true,
"editor.linkedEditing": true,
"editor.bracketPairColorization.enabled": true,
"editor.cursorSmoothCaretAnimation": true

Prettier and formatting

"prettier.useTabs": true,
"files.eol": "\n" // really useful to get rid of the LF/CRLF issues

Tailwind CSS

"tailwindCSS.emmetCompletions": true,
"tailwindCSS.includeLanguages": {
  "plaintext": "html",
  "javascript": "javascript",
  "css": "css"
},
"files.associations": {
  "*.css": "tailwindcss"
}

Javascript

"javascript.updateImportsOnFileMove.enabled": "always"