How to Set Up ESLint in 2024 (For Beginners)
The Common Coder The Common Coder
459 subscribers
2,266 views
96

 Published On Aug 9, 2024

Let's learn how to install and configure ESLint!

ESLint is a powerful tool designed to help you catch errors and enforce coding standards in your JavaScript projects. In this video, we'll guide you through the process of installing ESLint and configuring it to ensure your code is clean, consistent, and free of common mistakes. Whether you’re a complete beginner or you've used ESLint before, understanding how to set up ESLint effectively will help improve your code quality and overall development workflow.

Has ESLint helped you improve the quality of your code? Let me know in the comments!

📺 SUBSCRIBE FOR MORE!
   / @thecommoncoder  
--------------------------------------------------------------------------
✅ PREREQUISITES
Install Node.js: ➡️    • Git Essentials in VS Code: A Step-by-...  
Install VS Code: ➡️    • Installing Visual Studio Code on Mac ...  
--------------------------------------------------------------------------
📚 ADDITIONAL RESOURCES
Download Node.js: https://www.nodejs.org
Download VS Code: https://code.visualstudio.com/
--------------------------------------------------------------------------
⏱️ TIMESTAMPS
00:00 - Introduction
00:16 - Prerequisites
00:52 - What is ESLint?
02:52 - Creating Our Project
04:45 - Installing ESLint
08:09 - The ESLint Configuration File
08:47 - Adding a Lint Script
09:28 - Demo: Running ESLint
10:29 - ESLint Documentation
12:31 - Customizing ESLint Rules
15:10 - Using ESLint to Fix Errors
18:10 - Demo: Running ESLint With --fix
19:17 - Linting vs Formatting
20:43 - The ESLint Extension for VS Code
21:18 - Final Thoughts
21:44 - Outro
--------------------------------------------------------------------------
🌎 CONNECT WITH ME!
YouTube:    / @thecommoncoder  
Facebook: https://www.facebook.com/profile.php?...
Instagram:   / the.common.coder  
X:   / the_common_codr  
LinkedIn:   / the-common-coder  
Reddit:   / thecommoncoder  
GitHub: https://github.com/the-common-coder
--------------------------------------------------------------------------
💰 AFFILIATE DISCLAIMER
Some links in this description are affiliate links. If you make a purchase through these links, I may earn a small commission at no extra cost to you. Your support helps keep this channel running. Thank you!

#thecommoncoder #eslint #javascript

show more

Share/Embed