ESLint, Prettier, and VSCode Setup for JavaScript Code Linting & Formatting | Tips for Clean Code

[@QiroLab]

*Don't get left behind! Download JavaScript: ES2015 to ES2023 - eBook and become a JavaScript pro!*
👉 qirolab.gumroad.com/l/javascript-from-es2015-to-es2023
▶ Part #2: Git Hooks with Husky and Lint-Staged to automate code linting, formatting
th-cam.com/video/bL5GaBjKAAw/w-d-xo.html
TABLE OF CONTENTS
00:00 - Intro
01:31 - Why Eslint is important?
02:42 - Install & Configure EsLint
07:34 - Checking errors using Eslint
11:00 - Configure Eslint with VsCode (Visual Studio Code Editor)
12:15 - Setup Automatic error Eslint fixing
13:25 - Configure VsCode editor to fix Eslint errors automatically
15:57 - Add custom rules for Eslint
17:29 - Formatting & what is the difference between linting and formatting
18:01 - Prettier Introduction
18:26 - Install & Configure Prettier
19:01 - Configure Prettier with Eslint
20:32 - Add Prettier command to format files
22:36 - Configure Prettier with VsCode (Visual Studio Code Editor)
Support my work:
1. On BuyMeACoffee: www.buymeacoffee.com/qirolab
DigitalOcean Referral
m.do.co/c/e740238537d0
Also, follow us on:
𝐅𝐚𝐜𝐞𝐛𝐨𝐨𝐤: fb.com/qirolab
𝐓𝐰𝐢𝐭𝐭𝐞𝐫: twitter.com/qirolab

[@ECE-KAVYAV]

For me it's showing error for the commant npm initial eslint --save-dev. Could you help me? 😢

[@QiroLab]

It looks like there might be a typo in the command. Try running:
```
npm install eslint --save-dev
```

[@neutralengineer3873]

Thank for clearing doubts regarding eslint

[@QiroLab]

My pleasure

[@informatiquedz9800]

hello, is it possible to run prettier before eslint ?

[@PrMovies0]

Bro i which icon theme are u using here for files and folders?

[@QiroLab]

For that you should watch my video on "VS Code Editor Customization Guide":
th-cam.com/video/RDP8rlqtiP0/w-d-xo.html

[@jeetghodasra3273]

Please create video for vs code settings?

[@QiroLab]

I'm currently recording videos and will soon start uploading them. Stay tuned for updates on my channel.

[@surajnirala9072]

Please create the video on typescript asap

[@QiroLab]

Sure, I will create tutorials on typescripts as well.

[@tramngay4698]

please

[@Totsuka_sword]

amazing

[@QiroLab]

Thanks