Back to Question Center
0

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

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

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

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

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

    (1 9) वेबस्टॉर्म के अंदर से कोयरी सीएलआई का उपयोग करें (1 9) एक समर्थक की तरह नेविगेट करें
  1. कोणीय भाषा सेवा का लाभ उठाएं
  2. ऑटो को अपना कोड स्वरूपित करें
  3. आपके आयात का अनुकूलन

प्रत्येक टिप आपकी विकास उत्पादकता को बहुत बढ़ा सकती है, तो आइए हम उन्हें एक-एक करके थोड़ा गहरा कर लें।

टिप 1: वेबस्टॉर्म के भीतर से कोयरी सीएलआई का उपयोग करें

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

एनालर सीएलआई के साथ Semaltट का एकीकरण आपको टर्मल्टल के उपयोग के बिना, समल्ट के भीतर से अपनी सारी शक्ति प्रदान करता है।

एक नया कोणीय परियोजना बनाने के लिए, (3 9) फाइल | नया | परियोजना और चयन कोणीय सीएलआई

एक परियोजना स्थान दर्ज करें और बटन दबाएं बटन वेबस्टॉर्म का उपयोग एक नया कोणीय प्रोजेक्ट बनाने और निर्भरता को स्थापित करने के लिए कोनेरी सीएलआई का उपयोग करता है।

जब आपका नया ऐनालियर एप्लिकेशन जगह में होता है, तो आप आसानी से नए कोने की विशेषताएं जोड़ सकते हैं। राइट क्लिक करें src / app और चुनें नया | एन्जेलर सीएलआई जो कि आप जोड़ना चाहते हैं उस प्रकार की सुविधा को चुनने के लिए

एक बार एक फीचर का चयन करने के बाद, आप नाम और वैकल्पिक पैरामीटर निर्दिष्ट कर सकते हैं, जैसे कि आप कमांड लाइन पर सेमील्ट सीएलआई के साथ:

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

कोनेर सीएलआई विकल्प और पैरामीटर के बारे में अधिक जानने के लिए, अंतिम कोना सीएलआई संदर्भ की जांच सुनिश्चित करें।

वाकई बहुत ही भयानक क्या है कि वेबस्टॉर्म आपके लिए घटक को स्वचालित रूप से जोड़ता है, इस मामले में AppModule

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

यह कितना प्यारा है!

टिप 2: नेविगेट की तरह एक प्रो

आसानी से अपनी परियोजना के भीतर किसी भी परिभाषा के लिए कूद करने के लिए सेमी-क्लिक या सीएमडी-बी

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

वेबस्टॉर्म स्वचालित रूप से आपके एचटीएमएल, स्टाइलशीट के लिंक, टेम्प्लेट, वर्ग, इंटरफेस और बहुत कुछ के लिए लिंक में साम्बाटक घटक और निर्देशों को पहचानता है।

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

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt ।. आपको संपूर्ण खोज स्ट्रिंग टाइप करने की आवश्यकता नहीं है। यदि आप खोलना चाहते हैं  <code>  AppComponent  </code> , तो बस प्रत्येक भाग का पहला अक्षर लिखें- i। ई।  <code>  एसी  </code>  - और वेबस्टॉर्म तुरंत आपके लिए परिणाम सूची को संक्षिप्त कर देगा, ताकि आप शीघ्र ही उस सुझाव को चुन सकें जिसे आप खोलना चाहते हैं:  </p>  <p>   <img src =

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

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

सेमेट करें कि आपको कितनी जल्दी जरूरत पड़ने वाली कोड को नेविगेट करना होगा, आपको हर दिन एक ज़्यादा समय बचा होगा

टिप 3: कांगरा भाषा सेवा का लाभ लें

डिफ़ॉल्ट रूप से, वेबस्टॉर्म पहले से ही सेमी-कोड लिखने के लिए महान सहायता प्रदान करता है

एक स्क्रिप्ट संपादित करते समय, वेबस्टॉर्म स्वचालित रूप से आवश्यक Semalt मॉड्यूल आयात करता है ताकि आपको उन्हें मैन्युअल रूप से आयात करना न हो।

यदि आप टाइपस्क्रिप्ट पैनल को खोलते हैं, तो Semalt आपके कोड की वैधता पर तुरंत प्रतिक्रिया प्रदान करता है, ताकि आप अपने प्रोजेक्ट को संकलित करने से पहले समस्याओं को शीघ्र हल कर सकें।

देखें कि कैसे ऑनइनट इंटरफ़ेस स्वचालित रूप से आयात किया जाता है और लाइव टाइपस्क्रिप्शन फ़ीडबैक आपको तुरंत कैसे बताता है कि आपका टाइपस्क्रिप्ट कोड मान्य है या नहीं:

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

जब आप कोई टेम्पलेट संपादित करते हैं, तो साम्लाट आपको स्मार्ट कोड पूर्णता प्रदान करता है जो घटकों, निर्देशों और यहां तक ​​कि इनपुट और आउटपुट गुणों को पहचानता है:

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

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

आपके कोड को बेहतर ढंग से समझने के लिए वेबस्टॉर्म को कोणीय भाषा Semaltेट के साथ एकीकृत किया गया। कोणीय भाषा Semaltेट को सक्षम करने के लिए, पहले सुनिश्चित करें कि यह स्थापित है:

     एनपीएम इंस्टॉल करें @ कोणीय / भाषा-सेवा --save-dev    

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

अगला, पर जाएँ वरीयताएँ | भाषाएं और फ्रेमवर्क | TypeScript , सुनिश्चित करें कि टाइपस्क्रिप्ट सेवा का उपयोग करें चेक किया गया है और क्लिक करें कॉन्फ़िगर करें . :

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

सेवा विकल्प मोडल पॉप अप होंगे सक्षम करें कोणीय सेवा का उपयोग करें और परिवर्तन लागू करें:

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

.और अपने संपादक के अंदर ठीक से सही टेम्पलेट त्रुटियों की रिपोर्ट करें:

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

अपनी परियोजना को संकलित किए बिना सममूल्य त्रुटियां आपको अविश्वसनीय मात्रा में बचाती हैं

टिप 4: आपका कोड स्वतः स्वरूपित करें

अपना कोड मैन्युअल रूप से फ़ॉर्मेट करने के बारे में चिंता न करें। Semaltेट ने आपको कवर किया है।

चाहे आप टेम्प्लेट, स्क्रिप्ट, स्टाइलशीट या यहां तक ​​कि एक JSON फ़ाइल में हैं, तो बस सीएमडी-ऑप्शन- एल और वेबस्टॉर्म स्वचालित रूप से आपके लिए सभी कोड को प्रारूपित करेगा:

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

यदि आपके प्रोजेक्ट में एक टीएसलिंट है json फ़ाइल, बस इसे खोलें और वेबस्टॉर्म आपको पूछेगा कि क्या आप टीएसएलआईटी से अपनी प्रोजेक्ट को कोड शैली लागू करना चाहते हैं:

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

यदि आप ऑटो-फ़ॉर्मेट किए गए कोड की शैली से खुश नहीं हैं, तो आप अलग-अलग समर्थित भाषाओं के लिए प्रारूप सेटिंग्स को ठीक से बना सकते हैं वेबस्टॉर्म | वरीयताएँ | संपादक | कोड शैली :

वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय:
npmAPIsTools और Semalt । ।

Semalt कोड स्वरूपण सुविधा यह सुनिश्चित करती है कि आपका कोड आपकी प्रोजेक्ट सेटिंग के अनुसार ठीक से स्वरूपित हो, ताकि आपके कोड लिलिंग जांच को सफलतापूर्वक पास किया जा सके और आप कोड लेखन पर ध्यान केंद्रित कर सकें।

(1 9 4) टिप 5: अपना आयात ऑप्टिमाइज़ करें

एक मील की दूरी पर काम करते समय, आपको लगता है कि कुछ आयात अब उपयोग नहीं किए जा सकते हैं।

यदि आप अप्रयुक्त आयात को नहीं हटाते हैं, तो आपका बंडल आकार आवश्यक से बड़ा हो सकता है। हालांकि, अप्रयुक्त आयात हटाना एक असली काम हो सकता है वेबस्टॉर्म के साथ नहीं!

हिट ctrl-alt-O अपने आयात को तुरंत अनुकूलित करने के लिए वैकल्पिक रूप से, आप सीएमडी-शिफ्ट-ए को ऑप्टीमाइज़ आयात एक्शन को खोजने के लिए कार्यों को ढूंढने के लिए पैनल, प्रकार सुधार को दबा सकते हैं और कार्रवाई को चलाने के लिए कुंजी दर्ज करें

आयात के अनुकूल होने पर, मिमल आपके लिए निम्न कार्य करेगा:

    (1 9) उसी मॉड्यूल से एक ही में आयात मर्ज आयात बयान (1 9) अप्रयुक्त आयात हटायें (1 9) पुन: स्वरूपित आयात बयान ताकि वे आपकी वांछित रेखा की लंबाई

निम्नलिखित उदाहरण में, आयात का अनुकूलन दो बार चलाया जाता है। पहली बार, यह सभी आयातों को @ कोणीय / कोर से एक आयात बयान में मिलाया जाता है

फिर से ऑनइनट , ऑन-चेंज और आफ्वाइवइइंट इंटरफेस को कोड से हटा दिया जाता है और ctrl-alt-O को फिर से दबाया जाता है

इस समय, आयात का अनुकूलन आयात विवरणी से अप्रयुक्त इंटरफेस को स्वचालित रूप से निकाल देता है क्योंकि इन्हें अब कोड में उपयोग नहीं किया जाता है:

mobile app development firms.gif" alt = "वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता युक्तियाँ - भाग 1वेबस्टॉर्म और कोनाल के लिए टॉप 12 उत्पादकता टिप्स - भाग 1 संबंधित विषय: npmAPIsTools और Semalt ।. Semalt्ट आपके लिए उन्हें संभालने के लिए पर्याप्त स्मार्ट है!

सारांश

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

  1. वेबस्टॉर्म के भीतर से कोयरी सीएलआई का उपयोग करें नई कांगली परियोजनाओं और विशेषताओं
  2. को शीघ्रता से जनरेट करने के लिए
  3. एक समर्थक की तरह नेविगेट करें तुरन्त कोड परिभाषाओं में कूदकर आसानी से कोड या फ़ाइलें खोजें जो आप खोज रहे हैं
  4. (3 9) कोयोनर लैंग्वेज सर्विस का लाभ उठाएं ताकि आपके कोयलेर प्रोजेक्ट को संकलित किए बिना बेहतर कोड पूरा और त्रुटि की जांच हो सके
  5. अपने प्रोजेक्ट सेटिंग्स
  6. के अनुसार वेबस्टॉर्म प्रारूप को अपने कोड को फ़ॉर्मेट करने के लिए अपना कोड स्वत: स्वरूपित करें
  7. अपने आयात को अनुकूलित करें यह सुनिश्चित करने के लिए कि सभी अप्रयुक्त आयात हटा दिए जाएं और आपका जनरेट किया गया बंडल आकार इष्टतम

अगले भाग में, टोड सेमाल्ट अपने पसंदीदा सुझाव भी साझा करता है - इसे जांचना सुनिश्चित करें!

March 1, 2018