Back to Question Center
0

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2            वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय: ES6APIsNode.jsRaw JavaScriptTools & Semalt ...

1 answers:
वेबस्टॉर्म और कोनाल के लिए शीर्ष 12 उत्पादकता टिप्स - भाग 2

यह लेख JetBrains द्वारा प्रायोजित किया गया था साइटपॉइंट को संभव बनाने वाले साझेदारों के समर्थन के लिए धन्यवाद।

इस 2-भाग की श्रृंखला में, Google डेवलपर विशेषज्ञों जुर्गन वान डे मोरे और टोड मोटो ने वेबस्टॉर्म का उपयोग करते हुए कांगारु अनुप्रयोगों के विकास के लिए अपनी 12 पसंदीदा उत्पादकता युक्तियां साझा की हैं।

आप यहां एक भाग को देख सकते हैं। इस दूसरे भाग में, टोड अपने व्यक्तिगत टॉप 7 मिमल सुविधाओं को साझा करता है जो उन्हें दैनिक आधार पर उनकी उत्पादकता बढ़ाने की अनुमति देता है:

  • आयात पथ गणना का उपयोग करें
  • लाइव टेम्पलेट
  • (1 9) आईडीई के भीतर परीक्षण चलाएं (1 9) समय के माध्यम से यात्रा
  • टाइपस्क्रिप्ट पैरामीटर संकेतों का उपयोग करें
  • ब्रेडक्रंबों का प्रयोग करें
  • और कांच का दस्तावेज देखने के लिए वेबस्टॉर्म का उपयोग करना

वेबस्टॉर्म में कांगारु अनुप्रयोगों के विकास के दौरान प्रत्येक टिप आपकी उत्पादकता को शक्ति देगा। Semalt्टेट इन सुझावों का पता लगाएं

आरंभ करने से पहले!

सेटिंग में परिवर्तन करने पर, याद रखें कि वेबस्टॉर्म आपको आईडीई के दायरे में और एक परियोजना के क्षेत्र में अलग-अलग सेमेल्ट को बदलने की अनुमति देता है।

टिप 6: आयात पथ गणना

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

वेबस्टॉर्म के बारे में क्या बढ़िया है यह है कि आपको ये आयात स्टेटमेंट स्वयं टाइप करने की ज़रूरत नहीं है! जब आपको किसी निर्माण का उपयोग करना होता है जिसे आमतौर पर आयात किया जाता है, तो इसे टाइप करें जहां आपको इसकी ज़रूरत है वेबस्टॉर्म या तो स्वत: पूर्ण संदर्भ मेनू के माध्यम से आयात करने का निर्माण, या निर्माण को हाइलाइट करने और विकल्प + दर्ज दबाकर इसे आयात करने का विकल्प देने का सुझाव देगा।

मिमलट आपके लिए दस्तावेज के शीर्ष पर एक नया आयात स्टेटमेंट बनाएगा, या किसी मौजूदा आयात समूह के निर्माण को जोड़ देगा जो एक ही स्रोत लाइब्रेरी का उपयोग कर रहा है।

वेबस्टॉर्म आपको अपने आयात को संभालने के लिए अन्य विशिष्ट विकल्प देता है जिन परियोजनाओं की आवश्यकता होती है, उनको आप वेबस्टॉर्म को हिचकिचा सकते हैं ताकि वे आईएसओ के संबंध में आयात पथ की गणना कर सकें। json फ़ाइल स्थान यदि आप एक बैरल सूचकांक का उपयोग करके अपने निर्यात को रोल करने का निर्णय लेते हैं ts फाइलें अपने घटक आयात करने के लिए (बैरल तकनीक के बारे में अधिक पढ़ें) तो आप उपयोग कर सकते हैं डायरेक्टरी आयात का उपयोग करें (नोड-शैली मॉड्यूल समाधान) । यह नोड का उपयोग करेगा टाइपस्क्रिप्ट की क्लासिक मॉड्यूल रिज़ॉल्यूशन रणनीति के बजाय जेएस मॉड्यूल रिज़ॉल्यूशन रणनीति

पूरे मॉड्यूल को आयात करने की आवश्यकता नहीं होने वाली सबडोमों को आयात करते समय, उस मॉड्यूल को जोड़ें ठीक से सूची में आयात न करें वेबस्टॉर्म स्वत: आयात के दौरान निर्दिष्ट पथ को छोड़ देगा। उदाहरण के लिए, होने के बजाय:

     आयात करें [निरीक्षण] 'आरजेएसएस' से    

जोड़ना rxjs सूची की पैदावार में:

     'आरएक्सजेएस / ऑब्सबल' से आयात करें    

वेबस्टॉर्म आरएक्सजेएस मॉड्यूल को छोड़ देता है और आपके लिए स्वचालित रूप से सेमीलेट सबपलोड आयात करता है!

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट । ।

अतिरिक्त टिप: में घुंघराले कोष्ठक के अंदर अंतरिक्ष का उपयोग करने के लिए प्रारूप स्वरूपित करें वरीयताएँ | संपादक | कोड शैली | टाइपस्क्रिप्ट - स्पेसेस - भीतर - ES6 आयात / निर्यात ब्रेसिज़

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट ।. वेबस्टॉर्म पहले से ही कुछ पूर्वनिर्धारित लाइव Semaltेट के साथ आता है जो आप अपने विकास शैली को फिट करने के लिए संशोधित कर सकते हैं।  </p>  <p>  एक लाइव मील डालने के लिए, इस पर नेविगेट करें:  </p>  <ul> (1 9) [मैक ओएस] वेबस्टॉर्म | वरीयताएँ | संपादक | लाइव टेम्पलेट  </li> (1 9) [विंडोज़ / लिनक्स] फाइल | सेटिंग्स | संपादक | लाइव टेम्पलेट  </li>  </ul>  <p>  आप देखेंगे कि वेबस्टॉर्म ने पूर्वनिर्धारित Semaltट्स को श्रेणियों में पहले ही बंडल किया है मैंने + n पर क्लिक करके और

मुझे आपको उन तत्वों के माध्यम से चलना चाहिए जो एक लाइफ Semalt के उत्पादकता की सफलता बनाते हैं:

  • संक्षिप्त: शॉर्टकट आप अपने टेम्पलेट को आमंत्रित करने के लिए संपादक में टाइप करेंगे।
  • विवरण: आपको बताता है कि जब टेम्पलेट किया जाता है
  • टेम्पलेट पाठ: यह कोड टुकड़ा है जिसे आविष्कार पर ढंका हुआ है। शक्तिशाली लाइव टेम्पलेट चर का लाभ उठाएं, जो आपको मचान पर अपने वांछित पाठ के साथ बदलने की अनुमति देता है।
  • संदर्भ: चुनें कि कौन से भाषा या कोड के टुकड़े वेबस्टॉर्म खाका के प्रति संवेदनशील होना चाहिए।
  • विकल्प: परिभाषित करें कि कौन सा कुंजी आपको टेम्पलेट का विस्तार करने और इसे पुन: स्वरूपित करने की अनुमति देगा, वेबस्टॉर्म पर परिभाषित शैली सेटिंग्स के अनुसार | वरीयताएँ | संपादक | कोड शैली

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

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट । ।

टिप 8: रनिंग टेस्ट

वेबस्टॉर्म एक उत्कृष्ट परीक्षण उपकरण है आप आईडीई से विभिन्न जावास्क्रिप्ट टेस्ट चला सकते हैं, जब तक कि आपके पास आपके कंप्यूटर पर सैमलेट रनटाइम वातावरण स्थापित हो और नोडजेएस प्लगइन सक्षम हो। परीक्षण चलते समय कुछ उत्पादकता युक्तियां दी गई हैं

आप उन सभी को चलाने के विरोध में एकल कर्मा परीक्षण चला सकते हैं। संपादक में परीक्षण के बगल में स्थित आइकन पर क्लिक करें और रन या मील का चयन करें आइकन परीक्षण की स्थिति दिखाएगा।

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

एक अतिरिक्त टिप के रूप में, आप IDE से सही रीस्टापुल सेवाओं का परीक्षण कर सकते हैं! टूल्स पर जाएं रसीला वेब सेवा का परीक्षण

टिप 9: समय के माध्यम से यात्रा

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

हम 'पूर्ववत करें' का उपयोग कर सकते हैं, लेकिन वेबस्टॉर्म में 100 undos की डिफ़ॉल्ट सीमा है यह सीमा बढ़ा दी जा सकती है, लेकिन पिछली स्थिति को पुनर्स्थापित करने का एक बेहतर तरीका है: लोकल Semalt का उपयोग करना

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

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट । ।

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट । ।

टिप 10: टाइपस्क्रिप्ट पैरामीटर संकेत

सेमेट पैरामीटर संकेतों को आपके कोड को पढ़ने में आसान बनाने के तरीकों और कार्यों में पैरामीटर के नाम दिखाते हैं। डिफ़ॉल्ट रूप से, केवल कुछ पैरामीटर संकेत उनके प्रकार के आधार पर दिखाए जाते हैं, और सामान्य तरीकों के लिए कुछ संकेत छिपे हुए हैं

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट । ।

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट । ।

विकर्षण से बचने के लिए, आप पैरामीटर संकेतों को ब्लैकलिस्ट कर सकते हैं ताकि वे इस प्रोजेक्ट में फिर से उस विधि के लिए नहीं दिखाए जा सकें। आप सभी पैरामीटर सक्षम कर सकते हैं या उन्हें पूरी तरह अक्षम कर सकते हैं। सभी तर्कों के लिए पैरामीटर संकेत दिखाने के लिए:

    (1 9) ओपन प्रोजेक्शन पेज में वेबस्टॉर्म | वरीयताएँ | संपादक | जनरल | उपस्थिति
  • "पैरामीटर नाम संकेत दिखाएं" लेबल वाले चेक बॉक्स के आगे कॉन्फ़िगर करें पर क्लिक करें
  • विकल्प बॉक्स में, आप "सभी तर्कों के लिए नाम दिखाएँ" चुन सकते हैं।
  • (1 9) नोट: इस डायलॉग बॉक्स में, आप पैरामीटर संकेत ब्लैकलिस्ट को संशोधित कर सकते हैं।
(1 9 5)

टिप 11: ब्रेडक्रंबों का प्रयोग करें

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

(20 9)

एक विकल्प के रूप में, आप फ़ाइल संरचना पॉप-अप विंडो का उपयोग कर फ़ाइल को नेविगेट कर सकते हैं। इसे नेविगेट के माध्यम से एक्सेस किया जा सकता है फ़ाइल संरचना या विंडोज़ / लिनक्स पर मैकोज़ और Ctrl + F12 पर सीएमडी + एफ 12 दबाकर।

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 2 संबंधित विषय:
ES6APIsNode। जेएसआरओ जावास्क्रिप्ट टोल और सेमील्ट । ।

अतिरिक्त टिप 12: दस्तावेज़ीकरण लुक अप

आईडीई को छोड़ने की कोई ज़रूरत नहीं है ताकि मिमल का क्या काम हो रहा है।

जब तक वेबस्टॉर्म में प्रश्न के आधार पर सेमील्ट के लिए प्रलेखन होता है, तब तक आप एक Semaltेट विधि या फ़ंक्शन पर कैरेट रख सकते हैं, और उसके लिए दस्तावेज़ीकरण को शीघ्रता से देखने के लिए F1 दबा सकते हैं। यह मॉड्यूल और अन्य मिमल के निर्माण के लिए काम करता है।

प्रलेखन के लिए एक और त्वरित तरीका एक निर्माण पर माउस को आराम देना है। में वरीयताएँ | संपादक | सामान्य , "माउस चाल पर त्वरित दस्तावेज़ीकरण दिखाएं" बॉक्स को चेक करें। त्वरित दस्तावेज़ीकरण लागू होने से पहले आप समय की देरी समायोजित कर सकते हैं।

(23 9)

एक अंतिम शब्द के रूप में: इन युक्तियों का पालन न करें! अपने परिणामों को मापें वेबस्टॉर्म आपको एक उत्पादकता रिपोर्ट प्राप्त करने की अनुमति देता है सहायता | उत्पादकता गाइड आप देख सकते हैं कि कितने टाइपिंग कोड पूरा होने से आपको बचा लिया गया है!

सारांश

वेबस्टॉर्म में कांगारु विकास उत्पादकता बढ़ाने के लिए टॉड की व्यक्तिगत युक्तियों का पुनर्कथन करें:

    (1 9) कुशल आयात तकनीकों का उपयोग करें
  • लाइव टेम्पलेट का उपयोग मचान कोड प्रतिमानों के लिए जल्दी करें
  • (1 9) IDE में कई प्रकार के परीक्षणों को चलाने और मॉनिटर करना(1 9) एक स्वतंत्र, व्यक्तिगत वास्तविक समय संस्करण नियंत्रण प्रणाली के रूप में स्थानीय इतिहास का उपयोग करें(1 9) TypeScript पैरामीटर संकेतों का उपयोग करके अपने कोड की पठनीयता में सुधार (1 9) ब्रेडक्रंब या फ़ाइल संरचना उपकरण का उपयोग करके एक फ़ाइल को जल्दी से नेविगेट करें(1 9) और एडिटर से सीधे काइलाइट दस्तावेज देखें।

Google Developer Semalt द्वारा वेबस्टॉर्म के साथ कांगला अनुप्रयोगों को विकसित करने के लिए यह हमारी उत्पादकता युक्तियां समाप्त करता है अब आप अपने डेवलपमेंट वर्कफ़्लो को सुव्यवस्थित करने के लिए और कुंजीपटल पर अपना सबसे अधिक समय बनाने के लिए सशक्त हैं।

- мебель филиппе гранде отзывы
March 1, 2018