मुखपृष्ठ » टूलकिट » डेवलपर्स के लिए 15 उपयोगी एंगुलरजेएस उपकरण

    डेवलपर्स के लिए 15 उपयोगी एंगुलरजेएस उपकरण

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

    हम 15 में से देख रहे हैं सर्वश्रेष्ठ आईडीई, टेक्स्ट एडिटर, परीक्षण और डिबगिंग, मॉड्यूल के लिए उपकरण तथा विकास उपकरण और एप्लिकेशन कोणीय के साथ निर्माण के लिए। यदि आपके पास अपने पसंदीदा उपकरण या एप्लिकेशन हैं, तो उन्हें नीचे टिप्पणियों में हमारे साथ साझा करें.

    आईडीई और पाठ संपादक

    प्रोग्रामिंग की दुनिया में, दो प्रकार के संपादक हैं: पूर्ण रुप से एकीकृत विकास परिवेश (आईडीई) और हल्के पाठ संपादक. दोनों तेजी से विकास वर्कफ़्लो के लिए अनुमति देते हैं। नीचे सूचीबद्ध IDE और पाठ संपादक आपके कोणीय विकास को गति देने के लिए बहुत अच्छे उपकरण हैं। उन्हें आसानी से कोणीय वातावरण के लिए कॉन्फ़िगर किया जा सकता है.

    WebStorm

    WebStorm सिर्फ जावास्क्रिप्ट के लिए ही नहीं, बल्कि HTML और CSS के लिए भी अनुकूल है। इसमें एक कमाल का लाइव एडिटर है जो आपको लगातार रिफ्रेश किए बिना ब्राउज़र पर अपने कोडिंग परिणाम देखने देता है। डिफ़ॉल्ट रूप से, उनका नवीनतम संस्करण AngularJS प्लगइन बंडल ले जाता है, हालांकि आपको पहले अपने प्रोजेक्ट में कोणीय स्क्रिप्ट शामिल करने की आवश्यकता होगी। अधिक जानकारी के लिए, WebStorm ब्लॉग पोस्ट पढ़ें.

    Aptana

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

    उदात्त पाठ

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

    उदात्त पाठ पर अधिक:

    • 18 आवश्यक उदात्त पाठ प्लगइन्स
    • 12 मोस्ट-वांटेड उदात्त पाठ युक्तियाँ और चालें
    • Sublime Text में File Path कैसे डालें
    • क्विक-प्रीव्यू लोकलहोस्ट प्रोजेक्ट सबलाइम टेक्स्ट के साथ
    • नोट्स और सूचियों को उदात्त पाठ के साथ प्रबंधित करें
    • सीएसएस विक्रेता उपसर्ग पाठ के साथ उपसर्ग जोड़ना

    परीक्षण और डिबगिंग उपकरण

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

    कर्मा

    कर्म एक महान परीक्षण धावक है जो कोणीय के लिए बनाया गया है, लेकिन इसे किसी अन्य जावास्क्रिप्ट फ्रेमवर्क के साथ भी इस्तेमाल किया जा सकता है। यह किसी भी प्रकार के परीक्षण का समर्थन करता है: इकाई परीक्षण, मध्य परीक्षण तथा E2E परीक्षण. कर्म उन ब्राउज़रों को खोलकर काम करता है जिन्हें आप कॉन्फ़िगरेशन फ़ाइल में सूचीबद्ध करते हैं। यह तब सॉकेट.आईओ का उपयोग करके सक्रिय ब्राउज़र के साथ संचार करता है और आपसे पूछता है कि परीक्षण चलाना है या नहीं.

    चमेली

    जैस्मीन का उपयोग व्यवहार-संचालित विकास (BDD) के लिए किया जाता है, लेकिन आप इसे थोड़े अनुकूलन के साथ परीक्षण-संचालित विकास (TDD) के लिए उपयोग कर सकते हैं। इसे आमतौर पर कर्म के साथ जोड़ा जाता है: टेस्ट धावक के रूप में कर्म, परीक्षण रूपरेखा के रूप में जैस्मीन। जैस्मिन स्वचालित रूप से आपके सभी जावास्क्रिप्ट क्लासेस और फ़ंक्शंस का निरीक्षण करेगी और आपको अनहेल्ड कोड की सूचना देगी। दोष यह है यह नहीं पता है कि परीक्षण किस पर्यावरण (ब्राउज़र) ने किया है, लेकिन कर्म इस नुकसान की भरपाई करता है.

    MochaJS

    जब जैस्मीन की तुलना में, MochaJS अधिक लचीला है परंतु जैस्मीन एक ऑल-इन-वन पैकेज के रूप में आती है. MochaJS के साथ, यदि आप जासूसी ढांचे का उपयोग करना चाहते हैं, तो आपको मोचन को इसके उपयुक्त पुस्तकालय जैसे कि sinon.js के साथ स्थापित करना होगा। और यदि आपको मुखर रूपरेखा की आवश्यकता है, तो मोचा को चाई जैसे ढांचे के साथ कॉन्फ़िगर करने की आवश्यकता है.

    चांदा

    प्रोट्रैक्टर संभवतः सबसे शक्तिशाली स्वचालित है शुरू से अंत तक (e2e) कोणीय परीक्षण उपकरण। कोणीय टीम द्वारा विकसित, प्रोट्रैक्टर को आज की तरह उपलब्ध कुछ महान प्रौद्योगिकियों के संयोजन द्वारा बनाया गया है NodeJS, सेलेनियम, वेबड्राइवर, मोचा, ककड़ी तथा चमेली.

    कोणीय बतरंग

    के अतिरिक्त चांदा, कोणीय टीम द्वारा विकसित एक और महान उपकरण एंगुलर बतरंग है. Batarang कोणीय अनुप्रयोगों को डीबग करने के लिए Chrome एक्सटेंशन है। अपने ऐप का निरीक्षण करने के बाद, बतरंग आपको दिखाएगा मॉडल, प्रदर्शन और निर्भरता डिबगिंग के परिणाम तीन अलग-अलग टैब में होते हैं। आप निरीक्षण को भी नियंत्रित कर सकते हैं, यह तय करना कि क्या दिखाना है अनुप्रयोग, बाइंडिंग या स्कोप.

    एनजी इंस्पेक्टर

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

    मॉड्यूल

    कोणीय मॉड्यूल खोजने के लिए सबसे अच्छी जगह ngmodules.org है। लेकिन अगर आपको एक त्वरित अवलोकन की आवश्यकता है, तो नीचे कुछ अच्छे संसाधनों की सूची दी गई है, जिन्हें हमने आपके लिए एकत्र किया है.

    AngularUI

    AngularUI, AngularJS के साथ निर्मित UI घटकों का एक संग्रह है। इसकी उपयोगिता निर्देश आपको तेजी से कोणीय अनुप्रयोगों के निर्माण में मदद करते हैं। विगेट्स के बजाय, AngularUI कच्चे निर्देशों का उपयोग करता है जैसे ui रूटर, ui-नक्शा, ui-कैलेंडर आदि जो निर्देश शायद आपको सबसे ज्यादा पसंद आएंगे, वह है इसके यूआई-बूटस्ट्रैप जो मूल रूप से हो सकते हैं Angular में Twitter बूटस्ट्रैप बनाएं. आरंभ करने के लिए इसके साफ और अच्छे प्रलेखन पृष्ठ देखें.

    एनजी-टेबल - सॉर्टिंग और फ़िल्टरिंग टेबल

    यदि आपको अपने वेब एप्लिकेशन में तालिकाओं की आवश्यकता है, तो जिस प्रकार को छांटा और फ़िल्टर किया जा सकता है, वह संभव नहीं है। यह वैरिएबल रो हाइट्स और शानदार पेजिनेशन क्षमताओं का भी समर्थन करता है.

    Restangular

    कोणीय के साथ, आपके पास काम करने में एक कठिन समय हो सकता है $ संसाधन तथा $ http रेस्ट एपीआई बनाने के लिए। रेस्टेंगुलर बनाने में मदद कर सकता है डेटा अनुरोधों को प्राप्त करना, हटाना, अपडेट करना और पोस्ट करना आसान है. कुछ विशेषताएं जो रेस्टैंगुलर को अलग करती हैं $ संसाधन HTTP मेथड सपोर्ट, सेल्फ-लिंकिंग एलिमेंट, वादों का उपयोग और कई और अधिक हैं। यहां और अधिक जानकारी प्राप्त करें और प्लंकर पर लाइव डेमो देखें.

    कोणीय गेटटेक्स्ट

    Angular-Gettext, सुपर-आसान स्थानीयकरण के लिए एक शानदार Angular मॉड्यूल है। मुख्य विशेषताएं आप अपने वेब ऐप को जोड़ने के रूप में आसान अनुवाद कर सकते हैं गुण. यह आपको अपने ऐप के विकास पर ध्यान केंद्रित करने और सभी अनुवादों को एंगुलर-गेटटेक्स्ट पर छोड़ने देता है.

    उपकरण और ऐप्स

    अन्त में, हम इसे यहाँ छोड़ने जा रहे हैं। यह अधिक टूल और ऐप्स की सूची है जो संभवतः आपकी कोणीय विकास प्रक्रिया को आसान और स्मूथ बना सकते हैं। वे उन लोगों के साथ अच्छी तरह से काम करते हैं जो बस कोणीय को चुनना शुरू कर रहे हैं.

    जेनरेटर कोणीय

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

    ngDocs - AngularJS संदर्भ

    ngDocs एक Android ऐप है जो AngularJS प्रलेखन और संदर्भ, अच्छा और सरल प्रदान करता है। यदि आप कोणीय के लिए नए हैं तो कुछ बुनियादी ट्यूटोरियल भी उपलब्ध हैं। एक डेवलपर गाइड और त्रुटि संदर्भ जैसी अतिरिक्त विशेषताएं हैं जिन्हें आप देखना पसंद कर सकते हैं। अपने Android डिवाइस पर इसके साथ, जहाँ भी आप जाते हैं, कोणीय पर उठाएँ.