Good stuff! I was fighting last night to get eslint to work with typescript. There are some additional plugins that need to be installed and configured but what ended up missing was the vscode setting "eslint.validate": ["javascript", "typescript"]. It's weird that this setting is not necessary for plain JS.
Many thanks for your awesome explanation and eslint configuration, I am wondering how is possible to add eslint.ignore and some more setting for Prettier and Prettier.ignore and finally some more setting for stylelint into your eslint-config-wesbos?
Question: Having followed the instructions in the video, I've noticed that eslint.autoFixOnSave doesn't work with typescript. This confuses me, as it works just fine for javascript-files and npm run lint:fix can format the typescript-files just fine. I have tried turning editor.formatOnSave off for typescript, but eslint.autoFixOnSave still doesn't work. Any tips?
Could you please tell me how to go about and add the blue bar and color to the terminal window as you have on yours? I can see that as being helpful. Thank you! Great vid by the way.
Thank you for the video, but you are not going into how to use this with create-react-app (and I think a lot of people would like es-lint with create-react-app). CRA ships with an eslint config; how would you get that to work? And would you use it in conjunction with your package here?
When using CRA I find it's best to avoid having any eslint versions explicitly specified in the project package.json. It's best to simply focus on getting Prettier and the Prettier eslint configs and plugin packages installed and working with whatever eslint version is baked into the CRA and used by its scripts.
Hi Wes, I'm having a hard time trying to make this work in React that uses typescript. Can you create also ESLint + Prettier + VS Code + Create React App with Typescript + SASS ? Thanks :)
How do you do to make Prettier not change your quotes? I want it to respect double or single as I write them, but it seem to be all single or all double from config
What do I do if I don't see a curly bracket in 10:42? Perhaps I have a newer VS Code? Where then do I put it if I don't see a curly bracket? If it's supposed to be on settings.json, where can i find this?
When I run the npx install-peerdeps command I get the error "ENO such option --dev" ? and when I do it with --global instead I get o such file or directory 'global'
This was a year ago, so I'm wondering if we still need to go through all this? I just download VSC, and prettier and it worked well for formatting, However when I added ESLint and the Prettier/ESL mode, it stopped formatting. Can you point me in the right direction (preferably starting from scratch on the whole thing)? - TIA
In the following configuration is there a way to make it work only with the code I write, instead of editing the entire file (I am working on big project, and I want to leave the reset of the code untouched)
I was a freelance consultant for about 10 years and made courses for about 6 of those - been just working on my own course platform and making courses full time for about 2 years now
@@WesBos Really appreciate your advice. would love to hear more about this career from you. would you choose it again? what would you have done differently? +1 if you too.
@@yoandyvillaman2790 I am not sure there is a plugin for hyper but Upterm github.com/railsware/upterm does autocompletion you can also use zsh-autosuggestions github.com/zsh-users/zsh-autosuggestions
