Today, I'm going to talk about 5 useful Visual Studio Code extensions that will help you productively develop quality front-end code.
Knowing these extensions is essential because it enhances code development.
Developers who don't take advantage of these tools have a challenging time being at the productivity level of developers who use them.
5 Visual Studio Code to take the next level
Here they are:
"ESLint" by Microsoft
"Git Graph" by mhutchie
"Prettier - Code formatter" by Prettier
"GitLens — Git supercharged" by GitKraken
"ES7+ React/Redux/React-Native snippets" by dsznajder
1. "ESLint" by Microsoft
Integrates ESLint into VS Code.
ESLint is a tool for finding and fixing code errors and enforcing coding styles in JavaScript and TypeScript projects.
2. "Git Graph" by mhutchie
View a Git Graph of your repository and efficiently perform Git actions from the graph.
You will see your git branches and commits easily.
3. "Prettier - Code formatter" by Prettier
Prettier enforces a consistent style by parsing your code and re-printing it with its own rules that consider the maximum line length, wrapping code when necessary.
You can customize your style rules with a .prettierrc file in the project root.
4. "GitLens — Git supercharged" by GitKraken
GitLens is a VS Code extension that enhances Git integration within the editor. GitKraken is a standalone Git client with a graphical interface for managing Git repositories. The extension is helpful for Git version control.
I love making git rebase interactively with its interface. I explain how to do it in this article:
5. "ES7+ React/Redux/React-Native snippets" by dsznajder
You will have available many React snippets.
The one I use the most is 'rafc' to create a React component template:
You can check out all the available snippets here:
https://github.com/ults-io/vscode-react-javascript-snippets/blob/HEAD/docs/Snippets.md
Conclusion
If you want to take your front-end development productivity and quality to another level, use Visual Studio Code extensions. All top front-end developers I know use several of them.
I hope you enjoyed the article.
If you have any questions, feel free to contact me on LinkedIn, Edi Rodriguez, or leave a comment in the post.
See you in the next post.
Have a great day!
The gitlens very useful dude , good job