diff --git a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/.vscode/extensions.json b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/.vscode/extensions.json
new file mode 100644
index 000000000000..033f6c1512cf
--- /dev/null
+++ b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/.vscode/extensions.json
@@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+  ]
+}
\ No newline at end of file
diff --git a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/.vscode/settings.json b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/.vscode/settings.json
new file mode 100644
index 000000000000..2a7da4bb70e5
--- /dev/null
+++ b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/.vscode/settings.json
@@ -0,0 +1,9 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.locale": "en",
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "typescript.suggest.autoImports": true,
+  "prettier.printWidth": 120,
+  "prettier.semi": true,
+  "prettier.tabWidth": 2
+}
\ No newline at end of file
diff --git a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/tsconfig.json b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/tsconfig.json
index f3eab626c88b..1d94b955da5d 100644
--- a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/tsconfig.json
+++ b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/tsconfig.json
@@ -21,7 +21,7 @@
     "rootDir": "src",
     "baseUrl": "src",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["*"]
     },
     "types": ["vite/client", "vite-plugin-svgr/client"]
   },