Как начать разработку с TypeScript и NodeJS в VSCode

Раньше я разрабатывал веб-сайты на C# или Javascript с помощью Visual Studio и IIS.

Я решил перейти на более новые инструменты и попытаться создать простой веб-сайт с помощью VSCode, NodeJS и TypeScript, который я разверну в Azure позже, но каждый раз, когда я пробую новый образец, я теряюсь, поскольку у меня такое ощущение, что это не так. не делать то, что я хочу.

Я создал файл TSConfig.json с этим минимумом, я понял, что он создает «проект» в TypeScript:

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}

Простой файл main.ts:

class Startup {
    public static main(): number {
        console.info('Hello World');
            return 0;
        }
}
Startup.main();

Самый простой файл index.html, который ссылается на сгенерированный файл main.js.

я хотел - скомпилировать мой веб-сайт, используя "$tsc-watch", чтобы извлечь выгоду из этой автоматической перекомпиляции - запустить веб-сайт в NodeJS - Открытие веб-страницы в Chrome и возможность отладки

Но мне интересно, это правильный подход? Должен ли это быть файл tasks.json, который каждый раз запускает «$tsc-watch», запускает веб-сайт в Node и открывает Chrome?

Я начал с этого файла tasks.json:

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "typescript",
            "tsconfig": "tsconfig.json",
            "problemMatcher": [
                "$tsc-watch"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            }
        },
        {
            "label": "Chrome",
            "type": "process",
            "command": "chrome.exe",
            "windows": {
                "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
            },
            "args": ["./index.htm"],
            "problemMatcher": [],
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }        
    ]
}

Затем VSCode создал файл launch.json, но я не уверен, почему и где он помещается на картинке:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

Не могли бы вы помочь мне понять, что я здесь делаю неправильно и что мне нужно, чтобы просто отлаживать свое приложение в VSCode, как если бы я нажимал F5 в VSStudio.

Спасибо за любую помощь,

Клод