खोज…


परिचय

टाइपिंग और डिबगिंग के दो तरीके हैं टाइपस्क्रिप्ट:

जावास्क्रिप्ट को ट्रांसपाइल , नोड में चलाएं और टाइपस्क्रिप्ट स्रोत फ़ाइलों को वापस लिंक करने के लिए मैपिंग का उपयोग करें

या

टाइप -स्क्रिप्ट को सीधे 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",

स्क्रिप्ट पर राइट क्लिक करें और 'टेस्ट: विचार' बनाएँ ... और डिबग कॉन्फ़िगरेशन बनाने के लिए 'ओके' से पुष्टि करें:

यहाँ छवि विवरण दर्ज करें

इस कॉन्फ़िगरेशन का उपयोग करके डीबगर प्रारंभ करें:

यहाँ छवि विवरण दर्ज करें



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow