TypeScript:
Использование отладчика
Как использовать:
Чтобы начать работу с отладчиком в TypeScript, все, что вам нужно, это поддерживаемая среда разработки (например, Visual Studio Code) и конфигурация launch.json. Вот быстрый пример для приложения Node.js:
// app.ts
function greet(name: string) {
console.log(`Привет, ${name}!`);
}
const userName = 'Ада';
greet(userName);Для отладки создайте файл launch.json в папке .vscode:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Запустить программу",
"skipFiles": ["<node_internals>/**"],
"program": "${workspaceFolder}/app.ts",
"preLaunchTask": "tsc: build - tsconfig.json",
"outFiles": ["${workspaceFolder}/build/**/*.js"]
}
]
}Затем установите точку останова в функции greet, кликнув по левой стороне номера строки в вашей среде разработки. Нажмите F5, чтобы начать отладку, и смотрите, как ваше приложение останавливается на точке останова. Теперь вы можете наводить курсор на переменные, наблюдать выражения и пошагово проходить через свой код с легкостью.
Погружение
В былые времена, до эпохи современных интегрированных сред разработки (IDE), отладка часто выполнялась с помощью операторов вывода (например, отладка с помощью console.log). Это работало, в каком-то смысле, но было похоже на попытку найти иголку в стоге сена в слепую.
Современные отладчики похожи на швейцарский армейский нож для устранения неполадок. С развитием TypeScript и Node.js появилось множество доступных отладчиков, от встроенного инспектора Node.js до инструментов разработчика браузера для отладки на стороне клиента.
Инспектор Node.js работает, присоединяясь к вашему запущенному приложению; он общается по протоколу Chrome DevTools, превращая ваш браузер Chrome в мощную консоль отладки. Эта интеграция позволяет проводить визуально интерактивные и подробные сессии отладки по сравнению с традиционными практиками отладки через командную строку.
Смотрите также
Для дополнительного чтения и некоторых профессиональных советов, изучите: