5 Reasons to IMMEDIATELY Turn On ESLint in VS Code

Поделиться
HTML-код
  • Опубликовано: 2 ноя 2024

Комментарии • 81

  • @adityakamble7004
    @adityakamble7004 3 года назад +60

    Would love to see the setup/configuration tutorial about eslint.

    • @mveldt
      @mveldt 3 года назад +3

      Here is a good tutorial: ruclips.net/video/SydnKbGc7W8/видео.html

    • @adityakamble7004
      @adityakamble7004 3 года назад +1

      @@mveldt Thanks, I'll check that out.

    • @briankgarland
      @briankgarland Год назад

      Yes, need to set up tutorial and running in real time. It's not easy.

  • @Knards
    @Knards 2 года назад

    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~!

  • @prathmeshkherade7739
    @prathmeshkherade7739 2 года назад

    Would definitely looking forward for the set-up as well. Thanks 👍

  • @kevlarkode
    @kevlarkode 3 года назад +1

    Your every video brings more quality to our life as a developer 👍
    ❤️❤️❤️

  • @stancobridge
    @stancobridge 3 года назад +2

    Would love the setup video too

  • @lardosian
    @lardosian 3 года назад +1

    Linter to James 'Please find a different theme'!!

  • @RomanBorowinski
    @RomanBorowinski 3 года назад +2

    I would love to see how you set this up James.

  • @86hardluck
    @86hardluck 3 года назад +2

    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.

  • @hamburger-fries
    @hamburger-fries 3 года назад +1

    Please and Yes on ESLint setup and config!! :-) Thank you!!!

    • @mveldt
      @mveldt 3 года назад

      Why wait, here is a good one: ruclips.net/video/SydnKbGc7W8/видео.html

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Will do

    • @hamburger-fries
      @hamburger-fries 2 года назад

      @@JamesQQuick Thanks!

  • @jmartinez4906
    @jmartinez4906 2 года назад

    Very interesting!! A setup video would be great. Thanks

  • @michadziubich7903
    @michadziubich7903 3 года назад +1

    Hi James, great video, but yes it would be awsome if had done one about setup and proper configuration of EsLint in VSCode

    • @JamesQQuick
      @JamesQQuick  3 года назад

      That’s the feedback I was looking for. Will do!

  • @kenniltv
    @kenniltv 3 года назад +2

    Like it! But should have showed how to change exactly what setting instead of just referencing "On save".

    • @RodrigoDAgostino
      @RodrigoDAgostino 3 года назад

      I bet there’s a follow up video ;P But you’re totally right

  • @tamasmolnar4157
    @tamasmolnar4157 7 месяцев назад

    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.

  • @mitor_5052
    @mitor_5052 3 года назад +1

    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...

  • @termited0
    @termited0 3 года назад +1

    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?

    • @RodrigoDAgostino
      @RodrigoDAgostino 3 года назад +2

      You need a font that supports ligatures (like Fira Code) and to activate ligatures in VS Code config ;)

    • @termited0
      @termited0 3 года назад

      @@RodrigoDAgostino thanks, I now have fira code font with ligatures! And what about the colour scheme?

    • @RodrigoDAgostino
      @RodrigoDAgostino 3 года назад +1

      @@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 ;)

    • @termited0
      @termited0 3 года назад

      @@RodrigoDAgostino terrific! I installed all of them and will give each one a try. Thanks, Rodrigo!

    • @RodrigoDAgostino
      @RodrigoDAgostino 3 года назад

      @@termited0 you’re more than welcome, my friend! :)

  • @thewiscokid81
    @thewiscokid81 3 года назад

    Yes please do a video about set up of eslint

  • @khalidelgazzar
    @khalidelgazzar Год назад

    Great video 😊 thank you

  • @matthiaskolley1048
    @matthiaskolley1048 2 года назад

    I have used sonarlint until now and eslint just a bit. Could you do a comparison between both? What is better suited for what?

  • @ДимитърТасев-р9п
    @ДимитърТасев-р9п 3 года назад

    Do you have videos with your dog? It looks very cute.

  • @markhuggins9256
    @markhuggins9256 3 года назад +2

    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

  • @Rokade108
    @Rokade108 2 года назад

    Make a video on set-up of ESlint

  • @Key-yf3ou
    @Key-yf3ou Год назад

    Thanks a lot

  • @Czlover
    @Czlover 2 года назад

    hehe 原来大家都喜欢发这个 哈哈哈

  • @sportcoconut354
    @sportcoconut354 Год назад

    Is it not the same as prettier but only for JS?

  • @gbbowler
    @gbbowler 3 года назад

    As far as formatting, will ESLint conflict with Prettier? Should I not use Prettier if I use ESLint?

    • @RodrigoDAgostino
      @RodrigoDAgostino 3 года назад

      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 🤗

    • @JamesQQuick
      @JamesQQuick  3 года назад +1

      Love it!

    • @IainSimmons
      @IainSimmons 2 года назад

      There's a prettier plugin for ESLint, you should definitely use both

    • @RodrigoDAgostino
      @RodrigoDAgostino 2 года назад +1

      @@IainSimmons not at all, mate. I’ve used ESLint in all my projects and I‘ve never needed that plugin.

    • @IainSimmons
      @IainSimmons 2 года назад

      @@RodrigoDAgostino yeah sorry I meant the preset or whatever the extends bit is for. Wes Bos obviously has it

  • @meonitelexdee3432
    @meonitelexdee3432 2 года назад

    Isn't it prettier in vscode just enough for not needing eslint anymore ?

  • @krtirtho
    @krtirtho 3 года назад +5

    Formatting & code style shouldn't be controlled by ESLint even though it's possible. Using prettier is much more preferred

  • @hurleywflow2227
    @hurleywflow2227 3 года назад

    Yes, please 🙏

  • @rimzzlabs
    @rimzzlabs 3 года назад

    eslint help me a lot

  • @null_spacex
    @null_spacex 3 года назад

    I cannot live without ESLint

  • @IainSimmons
    @IainSimmons 2 года назад

    Shame it couldn't pick up on your typo in the video though (IMMEDIATLEY at 0:10) 😉

  • @RodrigoDAgostino
    @RodrigoDAgostino 3 года назад

    What?! How is it possible you’re just discovering ESLint? 😱

    • @JamesQQuick
      @JamesQQuick  3 года назад

      I’m not just now discovering it lol I’ve just now decided I want to have it on all the time

    • @RodrigoDAgostino
      @RodrigoDAgostino 3 года назад

      @@JamesQQuick well, if you were not using it all of the time, then you’re kind of just discovering it ;) Good on you, mate! :)

  • @Knards
    @Knards 3 года назад +1

    I will try eslint, since Prettier no longer formats JavaScript in my VS Code

    • @lardosian
      @lardosian 3 года назад

      It can be a real pain when prettier stops working!!

    • @Knards
      @Knards 3 года назад

      @@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

    • @lardosian
      @lardosian 3 года назад

      @@Knards I cant remember how I got it working again, there was a lot of swearing involved though!!

    • @Knards
      @Knards 3 года назад

      @@lardosian Neither eslint nor prettier will work. Im just giving up on them

    • @lardosian
      @lardosian 3 года назад

      You probably tried closing vscode, if not try it. My git controls were not working recently in vscode, a restart sorted it.

  • @nathanielcameron8006
    @nathanielcameron8006 3 года назад +2

    James cute tho.

  • @yadusolparterre
    @yadusolparterre 3 года назад +1

    Why use ESLint just to see errors when Prettier can correct them automatically?

    • @mveldt
      @mveldt 3 года назад

      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.

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Eslint has many more rules. Prettier only has a few so that’s a big benefit. Also eslint can automatically fix too :)

  • @AshiqurRahmanAshik
    @AshiqurRahmanAshik 3 года назад +1

    I want to learn how to set it up correctly with prettier.

  • @briankgarland
    @briankgarland Год назад

    Yes, need to set up tutorial and running in real time. It's not easy.

  • @toddribnek6660
    @toddribnek6660 3 года назад

    I'm sure there's a reason, but Wes' eslint config file is huge 🤨

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Haha just lots of options to take on!

  • @lucasmendonca2197
    @lucasmendonca2197 3 года назад

    Can't code anymore without ESLint + Prettier. Such a timesaver

  • @abhilasshdhusia5697
    @abhilasshdhusia5697 3 года назад

    Quick

  • @centdxv2157
    @centdxv2157 2 года назад

    dude your eye doesn't look good.didn't u notice that, may be u should have to see medial treatment or something .