Honestly, when I started coding, I didn't pause for days to understand how to properly configure a Development Environment. It took me a while to learn about helpful components and tools that could prevent bad practices.

• Linters
• Formatters
• Git Hooks
• Tests
• Boilerplates

Eslint

"env": {
	"browser": true,
	"es2021": true,
	"node": true
},
"extends": [
	"standard-with-typescript",
	"plugin:prettier/recommended",
	"prettier"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
	"ecmaVersion": "latest",
	"sourceType": "module",
	"project": ["./tsconfig.json"]
},
"rules": {}
}

Prettier

{
	"singleQuote": true,
	"trailingComma": "es5",
	"tabWidth": 2
}

Lint-Staged

"scripts": {
	"lint": "eslint ./src/** --fix",
	"format": "prettier --check ./src/**"
}
"lint-staged": {
	"*.ts": ["npm run lint", "npm run format"]
},