VSCode setting
Extensions
| Name | Link | Command |
|---|---|---|
| Auto Rename Tag | here | |
| Bookmarks | here | ⌥ + ⌘ + (J,K,L) |
| Code Spell Checker | here | |
| Color Highlight | here | |
| Error Lens | here | |
| Find unused exports | here | |
| GitLens | here | |
| Highlight Matching Tag | here | |
| htmltagwrap | here | ⌥ + W |
| Import Cost | here | |
| indent-rainbow | here | |
| Material Icon Theme | here | |
| Outline Map | here | |
| Todo Tree | here | |
| vscode-styled-components | here |
Settings
./vscode/setting.json
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
"source.organizeImports": "always"
},
"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
"eslint.workingDirectories": [{ "mode": "auto" }],
"htmltagwrap.tag": "div",
"htmltagwrap.autoDeselectClosingTag": true
}