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 = spaceindent_size = 2end_of_line = lfcharset = utf-8trim_trailing_whitespace = trueinsert_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 },}