VSCode - Wyyerd Extension Pack

A pre-bundled extension pack for Wyyerd Developers using VSCode.

Extension overview

Extensions to add additional support for:

• Vue + Typescript
  • Go to Definition
  • Better autocompletions
  • Linting with ESLint or TSLint
  • Auto-close and rename HTML tags
  • Auto-format on save (see setup)
• Rust
• TOML
• DotEnv
• Docker
• Source code comment highlighting (TODO/FIXME)

Setup

1. In the menu go to Code -> Preferences -> Settings to open the settings window.

2. Go to ⋯ -> Open settings.json to begin editing the settings.

3. Copy and paste these settings into the editor to use eslint/prettier for code formatting.

   // Configuration to automatically format Vue and related files
   "eslint.run": "onSave",
   "eslint.autoFixOnSave": true,
   "eslint.validate": [
     "javascript",
     "javascriptreact",
     { "language": "vue", "autoFix": true }
   ],
   "html.format.enable": false,
   "javascript.format.enable": false,
   "prettier.eslintIntegration": true,
   "vetur.format.defaultFormatter.html": "none",