When it comes to frontend work, we're smitten with the Visual Studio Code Editor (opens in a new tab).
To elevate your experience, make sure you install these top-notch extensions that are part of our digital tool belt:
- Prettier (opens in a new tab)
- ESLint (opens in a new tab)
- Auto Close Tag (opens in a new tab)
- Code Spell Checker (opens in a new tab)
- EditorConfig for VS Code (opens in a new tab)
- ES7 React/Redux/GraphQL/React-Native snippets (opens in a new tab)
- GitLens (opens in a new tab)
- Highlight Matching Tag (opens in a new tab)
- Import Cost (opens in a new tab)
- Live Share (opens in a new tab)
- Version Lens (opens in a new tab)
Fine-Tuned Editor Config
Embrace the power of a personalized setup in almost all of our projects with these configurations:
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
Boost your VSCode experience with our expert recommendations for optimal settings:
{
"editor.formatOnSave": true,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}