विजुअल स्टूडियो (वीएससीओडी नहीं) w/Node.js उपकरण

Question

का उपयोग कर एक इलेक्ट्रॉन ऐप बनाना, मैं एक साधारण इलेक्ट्रॉन ऐप बनाने के लिए विजुअल स्टूडियो (वीएससीओडी नहीं) का उपयोग करने की कोशिश कर रहा हूं। मैं विजुअल स्टूडियो (v1.1) एक्सटेंशन के लिए Node.js टूल्स के माध्यम से ऐसा कर रहा हूं। मैं जो ठीक काम करता है अगर मैं NPM शुरुआत के माध्यम से लांच बुनियादी जल्दी शुरू एप्लिकेशन का उपयोग कर रहा है, लेकिन अगर मैं दृश्य स्टूडियो के माध्यम से लॉन्च करते हैं, मैं पर निम्नलिखित त्रुटि मिलती है शुरू:

इलेक्ट्रॉन 'मॉड्यूल नहीं खोजा जा सका' 'पर प्रथम पंक्ति:
const electron = require('electron');

मैं इसे Node.js डिबगर है शुरू करने से पहले पहले इलेक्ट्रॉन एप्लिकेशन को लॉन्च करने विजुअल स्टूडियो बता सकते हैं? क्या किसी और ने यह काम करने के लिए तैयार किया है?

Answer 1

यह संभव है। नीचे क्या है:

• विजुअल स्टूडियो में एक खाली Node.js जावास्क्रिप्ट कंसोल ऐप बनाएं। आपको स्थापित नोड के हाल के संस्करण की आवश्यकता है, मुझे लगता है: मेरे पास 5.6.0 है। मैं वीएस 2015 का उपयोग कर रहा हूं।

• पैकेज.जेसन पर निर्भरता अनुभाग जोड़ें और संदर्भ इलेक्ट्रॉन।

  "निर्भरता":: { "इलेक्ट्रॉन पहले से बनाए गए": "0.36.2"} मैं नीचे के रूप में है कि संस्करण का उपयोग कर रहा है के रूप में 0.36.2 संदर्भित,

• इस समाधान में एक प्रविष्टि डालता है एनपीएम के तहत एक्सप्लोरर, वास्तव में इसे स्थापित करने के लिए आप एनपीएम पैकेज पर राइट-क्लिक/इंस्टॉल कर सकते हैं (या कमांड प्रॉम्प्ट को फायर करें और एनपीएम इंस्टॉल करें)।
• गिटहब पर इलेक्ट्रॉन-त्वरित-प्रारंभ से कोड की प्रतिलिपि बनाएँ: index.html को गिटहब पर एक जैसा ही बनाएं, और app.js. में त्वरित प्रारंभ main.js सामग्री पेस्ट करें। इसका नाम बदलने की कोई जरूरत नहीं है।
• कंसोल ऐप प्रोजेक्ट फ़ाइल के गुणों पर जाएं। जहां यह कहता है 'नोड एक्सई पथ:' जिस पर स्थापित किया गया था electron.exe को पथ डालें, जो subfolder node_modules \ electron-prebuilt \ dist \ electron.exe में है।
• अपने app.js. में createWindow की पहली पंक्ति पर ब्रेकपॉइंट रखें।
• डीबग में प्रारंभ करें: यह ब्रेकपॉइंट पर टूट जाएगा और यदि आप जारी रखते हैं तो यह मूल इलेक्ट्रॉन ऐप दिखाएगा।

यह सब ठीक है और अच्छा है, लेकिन यह वास्तव में कितना उपयोगी है कि आप वास्तव में विजुअल स्टूडियो को अपने लिए क्या करना चाहते हैं। यह केवल मुख्य धागे पर तोड़ देगा, हालांकि आप सामान्य रूप से क्रोम देव उपकरण का उपयोग करके रेंडरर थ्रेड को डीबग कर सकते हैं। मुझे नोड टूल्स ऐप्स थोड़ा सीमित लगता है। हो सकता है कि अन्य परियोजना प्रकारों में से एक बेहतर होगा।

संपादित कर सकते हैं 2017: यह अभी भी दृश्य स्टूडियो 2017 और इलेक्ट्रॉन 1.6.6 और वर्तमान electron-quick-start, साथ ही Electron's own quick start code साथ काम करता है। अब आप 'इलेक्ट्रॉन-प्रीबिल्ट' ("निर्भरता" के बजाय 'इलेक्ट्रॉन' स्थापित कर सकते हैं: {"इलेक्ट्रॉन": "1.6.6"},)।

नवंबर 2017 संपादित करें: इस दृष्टिकोण ने इलेक्ट्रॉन 1.7.x और बाद में काम करना बंद कर दिया। यह अभी भी इलेक्ट्रॉन 1.6.x संस्करणों में काम करता है, जो इलेक्ट्रॉन अभी भी जारी है। संस्करण 1.7.x में और बाद में आप ऊपर दिए गए चरणों का पालन कर सकते हैं लेकिन जब आप डीबग में प्रारंभ करते हैं तो विजुअल स्टूडियो तुरंत नहीं टूट जाएगा।इसके बजाय आपको अतिरिक्त रूप से:

• परियोजना गुणों में 'Node.exe विकल्पों' के अंतर्गत '--inspect-brk' जोड़ें।
• प्रारंभ डिबग
• दृश्य स्टूडियो में कर डिबग, प्रक्रिया के लिए अनुलग्न/वेबकिट WebSocket प्रक्रिया 'http://127.0.0.1:5858'
• कोड तोड़ना चाहिए और क्या आप जारी हिट कर सकते हैं करने के लिए संलग्न में।

अधिक जानकारी, और चित्र, answer on Stack Overflow में हैं।