Adicionando as configurações de prettier com eslint

Author: alansilvacode

.eslintrc.js

@@ -27,7 +27,7 @@ module.exports = {
   // extends do eslint para typescript
   extends: [
     'plugin:@typescript-eslint/recommended',
-    //'plugin:prettier/recommended',
+    'plugin:prettier/recommended',
   ],
   // Eslint ignora
   ignorePatterns: ['.eslintrc.js'],

.prettierignore

@@ -0,0 +1,73 @@
+# arquivos do eslint
+.eslintrc
+.eslintrc.json
+.eslintrc.js
+.eslintrc.cjs
+.eslintrc.config.js
+.eslintrc.config.cjs
+.eslintcache
+.eslintignore
+
+# arquivos do prettier
+.prettierrc
+.prettierrc.json
+.prettierrc.js
+.prettierrc.cjs
+.prettier.config.js
+.prettier.config.cjs
+.prettierignore
+
+# typescript compilado
+dist/
+build/
+.next/
+out/
+
+# dependencias
+node_modules/
+
+# jest
+jest.config.js
+jest.config.ts
+.jestrc
+jest.config.json
+.jestrc.js
+.jestrc.ts
+
+# commitlint & commitizen
+commitlint.config.js
+commitizen.config.js
+.commitlintrc
+
+# cache
+.cache
+.cache/
+cache/
+.cache-loader
+
+# npm & yarn
+package-lock.json
+yarn.lock
+
+# public files (react)
+public/
+
+# nextjs
+next-env.d.ts
+next-env.example.d.ts
+next.config.mjs
+next.config.js
+
+# vite
+vite.config.mjs
+vite.config.js
+vite.config.ts
+
+# lintstaged
+.lintstagedrc.js
+
+# tailwind & postcss
+tailwind.config.js
+tailwind.config.cjs
+postcss.config.js
+postcss.config.cjs

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "semi": true,
+  "printWidth": 120,
+  "tabWidth": 2,
+  "arrowParens": "avoid",
+  "useTabs": false,
+  "quoteProps": "as-needed",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "proseWrap": "preserve"
+}

package-lock.json

@@ -5,7 +5,8 @@
     "build": "babel src --extensions \".js,.ts\" --out-dir dist --copy-files --no-copy-ignored --no-comments --source-maps inline",
     "dev": "tsnd --respawn --transpile-only --ignore-watch node_modules --no-notify -r tsconfig-paths/register src/server.ts",
     "start": "node dist/server.js",
-    "lint": "eslint --ext .ts src"
+    "lint": "eslint --ext .ts src --fix",
+    "format": "prettier --write src/**/*.{ts,js}"
   },
   "dependencies": {
     "express": "^4.18.2"
@@ -22,6 +23,9 @@
     "@typescript-eslint/parser": "^5.50.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "prettier": "^2.8.3",
     "ts-node-dev": "^2.0.0",
     "tsconfig-paths": "^4.1.2",
     "typescript": "^4.9.5"

package.json

@@ -1,5 +1,5 @@
-import express from "express"
+import express from 'express';
 
-const app = express()
+const app = express();
 
-app.listen(4000)
+app.listen(4000);