Visual Studio के लिए Node.js टूल एक्सटेंशन

कोई फर्क नहीं पड़ता कि यह कितना अजीब लगता है, Microsoft ने Visual Studio के लिए आधिकारिक तौर पर Node.js टूल एक्सटेंशन का अनावरण किया है!

दृश्य स्टूडियो संस्करण 2012 और 2013 में स्थापना के लिए एनटीवीएस एक्सटेंशन का इरादा है। इस परियोजना में इसकी उपस्थिति का एक दिलचस्प इतिहास है। Visual Studio के लिए Node.js टूल एक्सटेंशन बनाने के लक्ष्य के साथ PTVS प्रोजेक्ट के आधार पर नोड के कई प्रशंसकों ने लगभग एक साथ अपने स्वयं के एक्सटेंशन विकसित करना शुरू कर दिया। उसी समय, PTVS विकास टीम नोड-जेएस के साथ एकीकरण पर भी काम कर रही थी, साथ ही साथ तृतीय-पक्ष डेवलपर्स के प्रयासों को जोड़ रही थी, जिससे अंततः परियोजना समुदाय का गठन हुआ। NTVS बनाने में मुख्य प्रयास PTVS टीम ने रेड गेट के बार्ट रीड की सहायता से किए थे, जिन्होंने npm के लिए GUI विकसित किया था, और Clickberry के दिमित्री ट्रीटीकोव, जिन्होंने डीबगर और फिक्सिंग दोषों को सुधारने पर काम किया था।

एनटीवीएस एक ओपन सोर्स प्रोजेक्ट है जो सामुदायिक इनपुट को शुरू से स्वीकार करता है। वर्तमान में, विस्तार सुविधाजनक कोड संपादन, इंटेलीसेन्स, प्रोफाइलिंग, एनपीएम, अनुप्रयोगों के स्थानीय और दूरस्थ डिबगिंग (विंडोज / मैकओएस / लिनक्स पर चलने वाली मशीनों पर), साथ ही साथ एज़्योर वेब साइटों और क्लाउड सेवाओं के लिए प्रकाशन के लिए उपकरण प्रदान करता है।

लेकिन कार्रवाई में यह सब देखना अधिक दिलचस्प है, इसलिए इस क्षण को याद न करें - डाउनलोड और प्रयोग करें! बस ध्यान दें कि कुछ कार्य असामान्य तरीके से काम कर सकते हैं, क्योंकि परियोजना अभी भी अल्फा संस्करण में है।



NTVS V8 प्रोफाइलिंग टूल और विजुअल स्टूडियो प्रोफाइलिंग टूल्स का उपयोग करता है ताकि नोड.जेएस अनुप्रयोगों के प्रदर्शन का आसानी से विश्लेषण किया जा सके।

नोट : नए प्रोजेक्ट संवाद में टेम्पलेट चुनने में परेशानी हो रही है? विजुअल स्टूडियो उन्हें भाषा के अनुसार समूहित करता है, यही कारण है कि नोड.जेएस टेम्पलेट जावास्क्रिप्ट श्रेणी में स्थित हैं। इसके अलावा यहाँ आप पायथन और Django, iOS और Android टेम्प्लेट C #, टाइपस्क्रिप्ट, VB, F # और कई अन्य में पा सकते हैं।

एनटीवीएस की विशिष्ट विशेषताओं में से एक यह है कि विज़ुअल स्टूडियो में विकासशील परियोजनाओं के लिए परिचित दृष्टिकोण नहीं बदलता है। आप बस एक नोड.जेएस परियोजना के साथ काम करते हैं, जो एक नियमित V8 डीबगर और प्रोफाइलर का उपयोग करके, नोड। Exe का उपयोग करके लॉन्च किया गया है। लेकिन इस सब के लिए, यह बेहद सुविधाजनक है कि NTVS V8 प्रोफाइलर डेटा को परिचित विजुअल स्टूडियो प्रोफाइलिंग टूल इंटरफेस में प्रस्तुत करता है। पहिया को सुदृढ़ करने की आवश्यकता नहीं है - एक तैयार-निर्मित उपकरण का उपयोग किया जाता है।

Visual Studio के लिए Node.js टूल के साथ घोस्ट ब्लॉग की खोज करना

निम्नलिखित उदाहरण में विस्तार के संचालन पर विचार करें।

• डाउनलोड पृष्ठ http://nodejs.org पर जाएं और node.js. स्थापित करें
• फिर घोस्ट https://ghost.org/download/ डाउनलोड करें और आर्काइव की सामग्री निकालें।
• Visual Studio के लिए Node.js टूल डाउनलोड और इंस्टॉल करें।
• वैकल्पिक : विजुअल स्टूडियो में वेब प्रोजेक्ट्स के साथ काम करने की सुविधा के लिए वेब एसेंशियल इंस्टॉल करें।

Visual Studio विंडो में, फ़ाइल पर जाएँ | नई परियोजना, जावास्क्रिप्ट श्रेणी का चयन करें और "मौजूदा Node.js कोड से" पर क्लिक करें।



एनटीवीएस विंडो में घोस्ट फ़ोल्डर के लिए पथ निर्दिष्ट करें।



फिर हम NTVS में संकेत करते हैं कि आरंभिक फ़ाइल index.js है, अगला पर क्लिक करें और समाप्त पर क्लिक करके प्रोजेक्ट को सहेजें।



सब कुछ तैयार है - हमें विज़ुअल स्टूडियो में घोस्ट प्रोजेक्ट मिला।

नोट : चूंकि वेब एसेंशियल एक्सटेंशन विजुअल स्टूडियो में स्थापित है, इसलिए स्क्रीनशॉट में हमें एक सुविधाजनक मार्कडाउन मार्कअप संपादक दिखाई देता है।

अब आप डीबगिंग के बिना शुरू करने के लिए F5 को डीबग या Ctrl-F5 दबा सकते हैं। कृपया ध्यान दें कि प्रॉजेक्ट में नोड और जेएस डीबग करने के लिए पथ और पोर्ट के साथ-साथ प्रारंभ फ़ाइल को भी बदला जा सकता है।



निम्नलिखित छवि में, आप स्थानीय रूप से घोस्ट को चला सकते हैं। इसके अलावा, आप रनिंग नोड.जेएस प्रोसेस, घोस्ट.जेएस फाइल और ब्राउजर विंडो का रास्ता देखते हैं।



एनटीवीएस स्थापित करने के बाद, अधिकांश नोड.जेएस मॉड्यूल के बारे में विस्तृत जानकारी के साथ Intellisense उपलब्ध हो जाता है।

डिबगिंग

NTVS में नोड.जेएस अनुप्रयोगों का पूर्ण डिबगिंग शामिल है। फ़ंक्शंस की सूची में चरण-दर-चरण डिबगिंग, ब्रेकपॉइंट्स, और अपवाद होने पर रोकना शामिल है, साथ ही साथ लोकल, वॉच, तत्काल और कॉल स्टैक विंडो भी शामिल हैं।

आप किसी अन्य विज़ुअल स्टूडियो भाषा की तरह ही अपवाद प्रबंधित कर सकते हैं। निम्न छवि प्रबंधित और अप्रबंधित कोड में अन्य प्रकार के अपवादों के साथ नोड.जेएस अपवादों की सूची दिखाती है।



अनुप्रयोग डीबगिंग नोड.जेएस के लिए पारंपरिक तरीके से किया जाता है, सिवाय इसके कि विज़ुअल स्टूडियो एक अलग सॉकेट के माध्यम से वी 8 डीबगर से कनेक्ट होता है (यह मत भूलो कि आप लिनक्स या मैक पर चल रहे नोड.जेएस अनुप्रयोगों के रिमोट डीबगिंग कर सकते हैं)। अन्य सभी डिबगिंग तकनीकों को सामान्य विज़ुअल स्टूडियो नियंत्रणों का उपयोग करके किया जाता है।

निम्न छवि घोस्ट डिबगिंग प्रक्रिया को कैप्चर करती है। कॉल स्टैक, लोकल और वॉच विंडो पर ध्यान दें। डिबगिंग के दौरान, आप चर के मूल्यों को देख सकते हैं और एक नियमित वेब अनुप्रयोग के रूप में चरणों का पालन कर सकते हैं।

विज़ुअल स्टूडियो के लिए एनपीएम

एनपीएम के साथ काम करने की सुविधा के लिए, एनटीवीएस ने परियोजना फ़ाइल सिस्टम को ट्रैक करने सहित कई उपकरणों का उपयोग किया। इस प्रकार, आप कमांड लाइन से और तत्काल विंडो से npm शुरू कर सकते हैं, और Visual Studio परिवर्तनों को ट्रैक करेगा।

वैकल्पिक रूप से, आप रिपॉजिटरी को खोजने और संकुल को स्थापित करने के लिए NPM पैकेज प्रबंधन संवाद का उपयोग कर सकते हैं।



और पैकेज स्थापना प्रक्रिया ही ...



नोड_मॉड्यूल फ़ोल्डर और मॉड्यूल फ़ाइलों के बजाय, हम समाधान एक्सप्लोरर में नोड्स का एक सुंदर पदानुक्रम देखते हैं।

नोट : मुझे यह तरीका पसंद है। यह क्षमता है, और .NET परियोजनाओं में लिंक के साथ सादृश्य द्वारा मॉड्यूल के दृश्य निर्भरता की समझ को सरल करता है।

यहां अन्य रोचक घटक भी हैं। उदाहरण के लिए, एक इंटरैक्टिव REPL विंडो, ASP.NET डेवलपर्स के लिए परिचित एक पारंपरिक वेब अनुप्रयोग प्रकाशन विज़ार्ड। आप या तो Git या Visual Studio प्रकाशन विज़ार्ड का उपयोग करके Azure में एप्लिकेशन प्रकाशित कर सकते हैं।

इसके अलावा, आप किसी अन्य मशीन पर दूरस्थ डीबगिंग विकल्पों के साथ लॉन्च किए गए नोड की दूरस्थ डिबगिंग कर सकते हैं।

node.exe RemoteDebug.js -machineport 5860 script.js 

एक बार फिर, हम ध्यान दें कि Visual Studio में अनुप्रयोगों के दूरस्थ डिबगिंग नोड के लिए उपलब्ध है। किसी भी सर्वर OS पर चल रहा है।

निष्कर्ष

मैं इस बात से प्रभावित हूं कि विज़ुअली स्टूडियो कैसे गहन रूप से विकसित होता है और एक सुविधाजनक और आधुनिक विकास परिवेश में बदल जाता है।

Visual Studio के लिए Node.js टूल अपाचे लाइसेंस के तहत वितरित एक खुला स्रोत परियोजना है। NTVS टीम टिप्पणी, सुझाव और बग रिपोर्ट के रूप में समुदाय से प्रतिक्रिया के लिए तत्पर है। अल्फा संस्करण अभी भी उपलब्ध है, लेकिन समय के साथ, एनटीवीएस और भी बेहतर हो जाएगा। इसे अपनी आँखों से देखो। सभी परियोजना प्रतिभागियों को बहुत धन्यवाद!