Introduction to Modern Web Development 1 - meta

My VS Code Extensions

Extensions with an asterisk* aren’t related to this course but you may find them handy on other projects.

• Auto Comment Blocks
• Beautify
• Better Comments
• Bracket Pair Colorizer
• Docker*
• Dracula Official
• ESLint
• Image preview
• Live Server*
• Markdown All in One*
• Path Intellisense
• Prettier - Code formatter
• Python*
• Spell Right*
• stylelint
• Vetur
• Vue VSCode Snippets

Here are my VS Code configuration options. For a ligature font, try Fira Code.

  "window.zoomLevel": 0,
  "explorer.confirmDragAndDrop": false,
  "editor.fontFamily": "'Fira Code', 'monospace'",
  "editor.fontSize": 17,
  "editor.fontLigatures": true,
  "editor.formatOnSave": false,
  "editor.detectIndentation": false,
  "javascript.format.enable": false,
  "editor.tabSize": 2,
  "workbench.colorTheme": "Dracula",
  "spellright.language": ["English (American)"],
  "spellright.documentTypes": ["markdown", "latex", "plaintext"],
  "liveServer.settings.donotShowInfoMsg": true,
  "terminal.integrated.rendererType": "canvas",
  "editor.multiCursorModifier": "ctrlCmd",
  "prettier.singleQuote": true,
  "prettier.eslintIntegration": true,
  "prettier.tabWidth": 2,
  "prettier.semi": false,
  "beautify.language": {
    "html": ["html"],
    "css": [],
    "js": []
  },
  "extensions.ignoreRecommendations": true,
  "vetur.completion.useScaffoldSnippets": false,
  "editor.cursorBlinking": "phase",
  "editor.cursorWidth": 2,
  "editor.minimap.enabled": false,
  "editor.formatOnPaste": true,
  "workbench.editor.highlightModifiedTabs": true,
  "files.trimFinalNewlines": true,
  "window.titleBarStyle": "custom"
}