5 Reasons to IMMEDIATELY Turn On ESLint in VS Code
ฝัง
- เผยแพร่เมื่อ 25 ก.ค. 2024
- ESLint can help you become a better developer in lots of ways. It can save you time by catching errors sooner as well as help encourage you to write better good.
VS Code Extension - marketplace.visualstudio.com/...
Wes Bos ESLint Configuration - github.com/wesbos/eslint-conf...
VS Code Cheat Sheet - learn.jamesqquick.com/vs-code...
STAY IN TOUCH 👋
Check out the Podcast - compress.fm
Newsletter 🗞 - www.jamesqquick.com/newsletter
Live streams on Twitch 🖥️ - / jamesqquick
Follow me on Twitter 🐦 - / jamesqquick
QUESTIONS...?
Join the Discord Server 💬 - / discord
Want to know what hardware and software I use? www.jamesqquick.com/uses
Learn Web Development 📖 - www.jamesqquick.com/courses
Would love to see the setup/configuration tutorial about eslint.
Here is a good tutorial: th-cam.com/video/SydnKbGc7W8/w-d-xo.html
@@mveldt Thanks, I'll check that out.
Yes, need to set up tutorial and running in real time. It's not easy.
Holy mackeral. I set mine up the exactly as the Wes Bos page says to do it, be prepared to find errors you never know you had! Good stuff~!
Would definitely looking forward for the set-up as well. Thanks 👍
Your every video brings more quality to our life as a developer 👍
❤️❤️❤️
Yes please a set up video. Also, do you need to install Prettier EsLint too for its configuration files or does the one you install already contain those definitions within itself?
I'm not sure how all these tie together.
I have used sonarlint until now and eslint just a bit. Could you do a comparison between both? What is better suited for what?
I would love to see how you set this up James.
Very interesting!! A setup video would be great. Thanks
Hi James, great video, but yes it would be awsome if had done one about setup and proper configuration of EsLint in VSCode
That’s the feedback I was looking for. Will do!
Hey James, great video! Liked your theme and the way double equals and triple equals change symbol. What do I need to configure in vs code to get the same results?
You need a font that supports ligatures (like Fira Code) and to activate ligatures in VS Code config ;)
@@RodrigoDAgostino thanks, I now have fira code font with ligatures! And what about the colour scheme?
@@termited0 that one looks a bit like Night Owl, but it’s probably Nebula Theme. You can also try my all-time favorite One Dark Pro ;)
@@RodrigoDAgostino terrific! I installed all of them and will give each one a try. Thanks, Rodrigo!
@@termited0 you’re more than welcome, my friend! :)
the big 3: eslint - standard - prettier ... I prefer -standard- by the way, but I want to try eslint in case some project uses it, I think that's the key: "know how each one works and use whatever the team says "
more specifically in vscode, using the workspaces to not have N active extensions, only active some especific...
Would love the setup video too
Great video 😊 thank you
Thanks a lot
Yes please do a video about set up of eslint
Please and Yes on ESLint setup and config!! :-) Thank you!!!
Why wait, here is a good one: th-cam.com/video/SydnKbGc7W8/w-d-xo.html
Will do
@@JamesQQuick Thanks!
Linter to James 'Please find a different theme'!!
I would go a step further...turn it on in any editor. I've recently changed from vscode to neovim and eslint, prettier etc are a must
How are you liking neovim?
Like it! But should have showed how to change exactly what setting instead of just referencing "On save".
I bet there’s a follow up video ;P But you’re totally right
Yes, please 🙏
Hi James, ESLint 9.0.0 is out (breaking changes). If you have time/will, please make a video on ESLint and Prettier in a node.js typescript project (e.g. Nest.js).
It would be really appreciated. Thanks in advance.
hehe 原来大家都喜欢发这个 哈哈哈
Isn't it prettier in vscode just enough for not needing eslint anymore ?
Do you have videos with your dog? It looks very cute.
Make a video on set-up of ESlint
eslint help me a lot
As far as formatting, will ESLint conflict with Prettier? Should I not use Prettier if I use ESLint?
If configured properly, they can both easily coexist. Remember that ESLint only works on JS files (and its derivatives like TS, TSX, JSX, VUE), I still keep Prettier around to format CSS, SCSS, JSON and the like. The Prettier configuration is quite limited, so I prefer to have ESLint on top when I’m working with JS. It allows me to tweak every little detail just the way I like it 🤗
Love it!
There's a prettier plugin for ESLint, you should definitely use both
@@IainSimmons not at all, mate. I’ve used ESLint in all my projects and I‘ve never needed that plugin.
@@RodrigoDAgostino yeah sorry I meant the preset or whatever the extends bit is for. Wes Bos obviously has it
Is it not the same as prettier but only for JS?
Shame it couldn't pick up on your typo in the video though (IMMEDIATLEY at 0:10) 😉
I cannot live without ESLint
I want to learn how to set it up correctly with prettier.
James cute tho.
You’re not wrong…
I'm sure there's a reason, but Wes' eslint config file is huge 🤨
Haha just lots of options to take on!
Formatting & code style shouldn't be controlled by ESLint even though it's possible. Using prettier is much more preferred
Quick
I will try eslint, since Prettier no longer formats JavaScript in my VS Code
It can be a real pain when prettier stops working!!
@@lardosian Just since the last VS update. It is set in my settings as default, but doesnt show up as a formatter I can use
@@Knards I cant remember how I got it working again, there was a lot of swearing involved though!!
@@lardosian Neither eslint nor prettier will work. Im just giving up on them
You probably tried closing vscode, if not try it. My git controls were not working recently in vscode, a restart sorted it.
Yes, need to set up tutorial and running in real time. It's not easy.
Can't code anymore without ESLint + Prettier. Such a timesaver
What?! How is it possible you’re just discovering ESLint? 😱
I’m not just now discovering it lol I’ve just now decided I want to have it on all the time
@@JamesQQuick well, if you were not using it all of the time, then you’re kind of just discovering it ;) Good on you, mate! :)
Why use ESLint just to see errors when Prettier can correct them automatically?
James seems to be only talking about the vscode plugin and that one can do a 'fix' when you save a file.
If you install eslint with npm install in your project, you can add the --write parameter to do it for all files in your project. Eslint and Prettier are doing the same, but can have different rules.
Eslint has many more rules. Prettier only has a few so that’s a big benefit. Also eslint can automatically fix too :)
dude your eye doesn't look good.didn't u notice that, may be u should have to see medial treatment or something .