Creating vite vue ts template: Make eslint and prettier play nice together

Install eslint-config-prettier

1. npm install --save-dev eslint-config-prettier

2. Add 'prettier' to .eslintrc.js
   

   module.exports = {
     ...
     extends: [
       'eslint:recommended',
       'plugin:@typescript-eslint/recommended',
   +    'prettier',
   
     ],
   }
   

3. Run npm run lint

4. Run npm run format

5. git add -u

6. git commit -m 'install eslint-config-prettier'

Links

• https://github.com/prettier/eslint-config-prettier#installation
• https://vueschool.io/articles/vuejs-tutorials/eslint-and-prettier-with-vite-and-vue-js-3/

Project