Never Create A Nuxt Or Vue App Again Without This Package! (Eslint)

When creating a new Nuxt application do you use a linter or formatter? What are the differences? How do you setup Eslint? Should you use prettier? In this tutorial I add the eslint packages to a Nuxt.js application and I show you why code formatters are worth using today! #vuejs #nuxtjs #eslint
👉 Check out my last video on Astro
• Is Astro A Game Change...
👉Sign up for my mailing list and get neat stuff!
bit.ly/3Umk7sW
👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
mentors.to/erik
Follow me!
/ erikch
Links:
typescript-eslint.io/linting/...
github.com/nuxt/eslint-config...
nuxt.com/modules/eslint
• Josh Goldberg - Settin...
Join this channel to get access to perks:
/ @programwitherik
0:00 Introduction
01:12 Prettier formatter vs eslint linters
1:32 Install @nuxtjs/eslint-module
03:00 Setting and installing up nuxt/eslint-config
06:00 Testing out different eslint rules
07:17 Additional eslint plugins @vue/eslint-config-prettier
11:04 Josh Goldberg @typescript-eslint/eslint-recommended-type-checked

[@ProgramWithErik]

Do you use eslint? Or prettier?

[@nutzersht1179]

Eslint & stylelint

[@nicolaswalcker8883]

eslint with vscode rule "source.fixAll.eslint" on actions on save

[@teziovsky]

Eslint is linter, not formatter 🤔 I use both eslint and prettier

[@nicolaswalcker8883]

@@teziovsky But vscode have this option to format code only fixing eslint errors, dont using tools like prettier and beautify

[@ProgramWithErik]

Love both!@@nutzersht1179

[@SaschaFuchs]

I was expecting what I don't know for an indispensable and unknown package, but you point out a package that most JS devs include in their projects.

[@codeguy7309]

you made this video specifically for me, thank you.

[@Microphunktv-jb3kj]

nuxt3 still dont have a cli scaffolding.. where u can choose some template options? linters,formaters, what bundler to use, what css framework to use, what testing suite to use etc?

[@justpatrick_]

Hey Eric, I love your videos and I understand you need the "clickbaity" thumbnail to get the clicks but its doesn't feel right. Am mostly used to react devs using those you are doing it wrong titles, as there seems to always be a better way to do something in react 😂

[@Bawar33]

Thanks for the video, but i still did not get it, there is people say u should not use eslint to format your code, then how to use prettier and eslint to work together? Now when i run lint fix it will change format of the code, then if i run format with prettier in vs code again it will change the code then eslint show warning and error.

[@ash1kh]

Though I am not a web developer trying out framework is just curiosity. Used eslinter and prettier for a long time and its kinda messy to setup first and some know how required to maintain, also the root folder is flooded with more files. Recently biome js changed my view. though it is in its early stage but very very likable clean from linux point of view.

[@SXsoft99]

tried eslint, after fighting to set it up and make it work with the project editorconfig, i was like "F it, this thing is dumb" too many things to configure and things like "no file end line" added by the IDE (I use phpstom bnut i think its the same for webstorm) that in the end just get dropped when the code is parsed by the compiler (be it uglyfied or not) also adds another dependency, another configuration file....... the great JS experience that made so many developers go into depression

[@sno-oze]

How about making a template with customized eslint prettier stylelint for vue3 and nuxt using the example of the ones "awesome vite" repository has?

[@Microphunktv-jb3kj]

nuxt has eslint module

[@watchchat]

Theeeese Nuxt!

[@b1-66er.]

VS code extensions do the same job without adding a new dependency to your project.

[@Tarabass]

Your teammates will hate you ;)

[@b1-66er.]

My teammates hate me anyway. ;)

[@Kingside88]

Great video, bad title. Why not telling us in the title it's all about nuxt and eslint? This would trigger me much more. Also when someone is searching for nuxt and eslint he would find you're video as well.

[@ProgramWithErik]

That’s a good point I’ll update it