Editor

For frontend work we recommend usage of Visual Studio Code Editor.

Here are some common extension that we install:

• Prettier
• ESLint
• Auto Close Tag
• Code Spell Checker
• EditorConfig for VS Code
• ES7 React/Redux/GraphQL/React-Native snippets
• GitLens
• Highlight Matching Tag
• Import Cost
• Live Share
• Version Lens

Editor Config#

For the config we use the following setup for almost all our projects:

root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

VSCode Settings#

For VSCode we recommend the following settings:

{
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
}