alias import.md

tsconfig.json

{
  "compilerOptions": {
    "typeRoots": ["node_modules/@types"],
    "baseUrl": ".",
    "paths": {
      "@components/*": ["components/*"],
      "@hooks/*": ["hooks/*"],
      "@features/*": ["redux/features/*"],
      "@store": ["redux/store.ts"],
      "@styles/*": ["styles/global.css"],
      "@types": ["types/index.ts"],
      "@utils": ["utils/index.ts"],
    },
  },
}

.vscode/settings.json

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },  
  "eslint.format.enable": true, // on save fix format
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "eslint.workingDirectories": [
    {
      "mode": "auto"
    }
  ],
  "javascript.preferences.importModuleSpecifier": "non-relative", // import alias
  "typescript.preferences.importModuleSpecifier": "non-relative", // import alias
}