TypeScript
डिबगिंग
खोज…
परिचय
टाइपिंग और डिबगिंग के दो तरीके हैं टाइपस्क्रिप्ट:
जावास्क्रिप्ट को ट्रांसपाइल , नोड में चलाएं और टाइपस्क्रिप्ट स्रोत फ़ाइलों को वापस लिंक करने के लिए मैपिंग का उपयोग करें
या
टाइप -स्क्रिप्ट को सीधे ts- नोड का उपयोग करके चलाएँ
यह आलेख Visual Studio कोड और WebStorm का उपयोग करने के दोनों तरीकों का वर्णन करता है। सभी उदाहरण मानते हैं कि आपकी मुख्य फ़ाइल index.ts है ।
Visual Studio कोड में SourceMaps के साथ जावास्क्रिप्ट
tsconfig.json
सेट में
"sourceMap": true,
का उपयोग कर टाइपप्रति स्रोतों से js-फाइलों के साथ साथ मैपिंग उत्पन्न करने के लिए tsc
आदेश।
लॉन्च । Json फ़ाइल:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceRoot}\\index.js",
"cwd": "${workspaceRoot}",
"outFiles": [],
"sourceMaps": true
}
]
}
यह नोड को उत्पन्न index.js (यदि आपकी मुख्य फ़ाइल index.ts है) फ़ाइल और Visual Studio कोड में डीबगर के साथ शुरू होता है जो ब्रेकप्वाइंट पर रुकता है और आपके टाइपस्क्रिप्ट कोड के भीतर चर मानों को हल करता है।
WebStorm में SourceMaps के साथ जावास्क्रिप्ट
Node.js डीबग कॉन्फ़िगरेशन बनाएँ और index.js
को नोड पैरामीटर के रूप में उपयोग करें।
Visual Studio Code में ts-node के साथ टाइपस्क्रिप्ट
अपने टाइपस्क्रिप्ट प्रोजेक्ट में ts-node जोड़ें:
npm i ts-node
अपने package.json
स्क्रिप्ट जोड़ें package.json
:
"start:debug": "ts-node --inspect=5858 --debug-brk --ignore false index.ts"
launch.json
जरूरतों node2 प्रकार का उपयोग और चल NPM शुरू करने के लिए विन्यस्त किया जा करने के लिए start:debug
स्क्रिप्ट:
{
"version": "0.2.0",
"configurations": [
{
"type": "node2",
"request": "launch",
"name": "Launch Program",
"runtimeExecutable": "npm",
"windows": {
"runtimeExecutable": "npm.cmd"
},
"runtimeArgs": [
"run-script",
"start:debug"
],
"cwd": "${workspaceRoot}/server",
"outFiles": [],
"port": 5858,
"sourceMaps": true
}
]
}
WebStorm में ts-node के साथ टाइपस्क्रिप्ट
इस स्क्रिप्ट को अपने package.json
जोड़ें:
"start:idea": "ts-node %NODE_DEBUG_OPTION% --ignore false index.ts",
स्क्रिप्ट पर राइट क्लिक करें और 'टेस्ट: विचार' बनाएँ ... और डिबग कॉन्फ़िगरेशन बनाने के लिए 'ओके' से पुष्टि करें:
इस कॉन्फ़िगरेशन का उपयोग करके डीबगर प्रारंभ करें: