build: add VS Code support

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "angular.ng-template",
+    "bradlc.vscode-tailwindcss",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
+}

.vscode/launch.json

@@ -0,0 +1,17 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Start Chrome",
+      "url": "http://localhost:4200/",
+      "webRoot": "${workspaceFolder}",
+      "preLaunchTask": "serve",
+      "runtimeArgs": [
+        "--auto-open-devtools-for-tabs",
+        "--user-data-dir=${userHome}/.config/google-chrome-vscode"
+      ]
+    }
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,70 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "serve",
+      "type": "shell",
+      "command": "ng serve",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "Building..."
+          },
+          "endsPattern": {
+            "regexp": "Application bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "label": "test (all specs)",
+      "type": "shell",
+      "command": "ng test",
+      "isBackground": true,
+      "group": {
+        "kind": "test",
+        "isDefault": false
+      },
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "Generating browser application bundles"
+          },
+          "endsPattern": {
+            "regexp": "Browser application bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "label": "test current file",
+      "type": "shell",
+      "command": "ng test --include ${relativeFile}",
+      "isBackground": true,
+      "group": {
+        "kind": "test",
+        "isDefault": true
+      },
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "Generating browser application bundles"
+          },
+          "endsPattern": {
+            "regexp": "Browser application bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

README.md

@@ -17,7 +17,7 @@ To learn how to use a GitHub template repository, check out [Creating a reposito
 ## Dev Environment & Tools
 
 - System: [Ubuntu](https://ubuntu.com/desktop)
-- IDE: [WebStorm](https://www.jetbrains.com/webstorm/)
+- IDEs: [VS Code](https://code.visualstudio.com/), [WebStorm](https://www.jetbrains.com/webstorm/)
 - Formatter: [Prettier](https://prettier.io/)
 - Linter: [ESLint](https://eslint.org/)
 - AI assistant: [GitHub Copilot](https://github.com/features/copilot)