VSCode

Below you wil find an overview of the required and optional configurations for the VSCode IDE.

{
  "files.insertFinalNewline": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[javascript]": {
    "editor.formatOnSave": true
  }
}

Follow: https://giphy.com/gifs/bSMIXCswbv8uqNIil4 to check how to access the settings to paste above code in.

More information about VSCode config: https://code.visualstudio.com/docs/getstarted/settings

• EditorConfig for Visual Studio Code: https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
• ESLint: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
• Import Cost: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
• IntelliJ IDEA Key Bindings for Visual Studio Code: https://marketplace.visualstudio.com/items?itemName=k--kato.intellij-idea-keybindings
• Prettier - Code formatter: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
• Simple React Snippets: https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets

More information about VSCode extensions: https://code.visualstudio.com/docs/editor/extension-gallery

To add templates go to: Code -> Preferences -> User snippets -> Javascript

More information about VSCode templates: https://code.visualstudio.com/docs/editor/userdefinedsnippets

clog

{
  "Print to console": {
    "prefix": "clog",
    "body": [
      "console.log('$1', $1);"
    ],
    "description": "Log output to console"
  }
}