Back to Question Center
0

वेबस्टॉर्म आणि कोन्यासाठी टॉप 12 उत्पादकता टिपा - भाग 2            वेबस्टॉर्म आणि कोन्यासाठी टॉप 12 उत्पादकता टिपा - भाग 2 संबंधित विषय: ES6APIsNode.jsRaw JavaScriptTools आणि & मिमल ...

1 answers:
वेबस्टॉर्म आणि कोन्यासाठी टॉप 12 उत्पादनक्षमता टिपा - भाग 2

हा लेख जेटब्रेन्स यांनी प्रायोजित केला होता. ज्या भागीदारांना साइटपॉइंट शक्य करतात त्यांना पाठिंबा दिल्याबद्दल धन्यवाद.

या दोन-भागांच्या मालिकेमध्ये Google Developer Experts Jurgen Van de Moere आणि Todd Motto WebStorm चा उपयोग करणार्या कोनीय अनुप्रयोग विकसित करण्याच्या आपल्या 12 आवडत्या उत्पादनक्षम टिपा सामायिक करतात - fotografia interiores iluminacion.

आपण येथे भाग एक तपासू शकता. या दुस-या टप्प्यात, टॉडने आपल्या वैयक्तिक टॉप 7 सममूल्य वैशिष्ट्यांसह शेअर केले ज्यामुळे त्यांची दैनंदिन आधारावर उत्पादनक्षमता वाढते.

  • आयात पथ गणना वापरा
  • (1 9) लाइव्ह टेम्पलेट्स (1 9) आयडीई अंतर्गत कसोटी चालवा (1 9) वेळोवेळी प्रवास (1 9) टाइपस्क्रिप्ट पॅरामीटर संकेत वापरा (1 9) ब्रेडक्रंब वापरुन नेव्हिगेट करा (1 9) आणि कोन्यूलर दस्तऐवजीकरण पाहण्यासाठी वेबस्टॉर्म वापरणे

WebStorm मधील कोनीय अनुप्रयोग विकसित करताना प्रत्येक टीप आपली उत्पादनक्षमता वाढवेल. मीठ या टिपा एक्सप्लोर करा

आम्ही सुरू करण्यापूर्वी!

सेटिंग्जमध्ये बदल करताना, हे लक्षात ठेवा की वेबस्टोर्म आपल्याला IDE व्याप्तीमध्ये आणि प्रकल्प व्याप्ती वर वेगळा बदलण्यासाठी परवानगी देतो.

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

डीफॉल्टनुसार, वेबस्टॉल फाइलच्या संबंधित आपल्या आयात पाथ निराकरित करेल. हे सेटिंग बहुतेक प्रकल्पांचे समाधान करेल आणि अनावश्यक पथ संपादन टाळेल. हे देखील कोणीतरी CLI सह व्युत्पन्न प्रकल्पांसाठी वापरलेली पद्धत आहे.

वेबस्टोर्मबद्दल काय आश्चर्यजनक आहे की आपल्याला हे आयात स्टेटमेक्स स्वतः टाईप करण्याची गरज नाही! जेव्हा आपल्याला एक बांधकाम वापरण्याची आवश्यकता असते जे साधारणपणे आयात केले जाते, तेव्हा आपल्याला ते कुठे आवश्यक आहे ते टाइप करा. वेबस्टोर्म एकतर स्वत: पूर्ण संदर्भ मेनू द्वारे आयात करण्यासाठी बांधकाम सूचित करेल, किंवा बांधकाम हायलाइट करा आणि आपल्याला पर्याय + Enter दाबून आयात करण्याचा पर्याय देईल

मिमलॅट आपल्यासाठी दस्तऐवजाच्या शीर्षस्थानी एक नवीन आयात स्टेटमेंट तयार करेल किंवा समान स्रोत लायब्ररी वापरत असलेल्या विद्यमान आयात गटास तयार करेल.

वेबस्टोर्म आपल्याला आपले आयात हाताळण्यासाठी इतर विशिष्ट पर्याय देतो. आवश्यक असलेल्या प्रकल्पांसाठी, आपण वेबस्टॉर्मला tsconfig च्या संबंद्ध आयात पाथांची गणना करण्यासाठी मार्गदर्शन करू शकता. json फाईल स्थान आपण बॅरेल निर्देशांक वापरून आपल्या निर्यातीवर गुंडाळण्याचा निर्णय घेतल्यास ts फाइल आपल्या घटक आयात करण्यासाठी (बॅरल तंत्राबद्दल अधिक वाचा) नंतर आपण वापरु शकता निर्देशिका आयात वापरा (नोड-शैली मॉड्यूल ठराव) . हे नोडचा वापर करेल. टाइपस्क्रिप्ट च्या क्लासिक मॉडेल रिझोल्यूशनच्या धोरणांऐवजी जेएस मॉड्यूल रेझोल्यूशन धोरण.

संपूर्ण मॉड्यूल आयात करणे आवश्यक नसलेल्या सबम्यूड्यूल आयात करताना, त्या मॉड्यूलमध्ये अचूक सूचीमधून आयात करू नका. वेबस्टॉर्म स्वयंचलित आयात दरम्यान निर्दिष्ट पथ वगळेल. उदाहरणार्थ:

     आयात 'निरीक्षक' पासून 'rxjs'    

सूचीतील उत्पादनास आरजेएस जोडणे:

     आयात / निरिक्षण} 'आरएक्सजेएस / ऑब्झर्व्हेबल'    

वेबस्ट्रॉन्म्स आरएक्सजेएस मोड्यूल वगळतो आणि आपल्यासाठी स्वयंचलित लॉस अर्धवार्षिक डिमांड आयात करतो!

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

अतिरिक्त टीप: कर्ली ब्रॅकेट्स मधील अंतराळयांचे स्पेस वापरण्यासाठी स्वरूपित करा प्राथमिकता | संपादक | कोड शैली | टाइपस्क्रिप्ट - स्पेसेस - आत - ES6 आयात / निर्यात ब्रासिस .

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

मी थोडक्यात आपण जीवनातील उत्पादनास यश मिळविणार्या घटकांमार्फत फिरूया:

    (1 9) संक्षेप: आपण आपले टेम्पलेट सुरू करण्यासाठी संपादक मध्ये टाइप करू शॉर्टकट. (1 9) वर्णन: आपल्याला आमंत्रित केले तर टेम्पलेट काय करते ते सांगते. (1 9) साचा मजकूर: आवाहन केल्यावर कोळसा खाण असलेला हा कोड तुकडा आहे. लाईव्ह टेम्प्लेट व्हेरिएबल्सचा लाभ घ्या ज्यामुळे तुम्ही त्यांना मलमपट्टीवर आपला इच्छित मजकूर देऊन बदलू शकता. (1 9) संदर्भः कोणत्या भाषेमध्ये किंवा कोणत्या भाषेचा भाग वेबस्टोर्म साच्याबद्दल संवेदनशील असावा हे निवडा. (1 9) पर्याय: परिभाषित शैली सेटिंगनुसार, कोणती कळ तुम्हास टेम्पलेट विस्तृत करण्यास आणि पुन्हा स्वरूपित करण्याची परवानगी देईल हे निश्चित करा वेबस्टोर्म | प्राधान्ये | संपादक | कोड शैली

आपण आपले टेम्प्लेट वापरुन पाहण्यासाठी तयार आहात. आपण निर्दिष्ट केलेल्या संदर्भाचा आदर करणार्या फाईल उघडा आणि आपला शॉर्टकट टाइप करा, परिभाषित विस्तार की दाबा आणि आपल्यासाठी आपले टेम्पलेट दिसत असल्याचे पहा! जर आपण कोणत्याही व्हेरिएबल्स निर्धारित केल्या असतील तर प्रथम व्हेरिएबल जिथे प्रथम व्हेरिएबल प्रविष्ट केले जावे तिथे कर्सर ठेवला जाईल. जर इतर व्हेरिएबल्स निर्धारित असतील तर आपण त्यांना नॅव्हिगेट करण्यासाठी टॅब वापरू शकता - क्लिक करण्याची आवश्यकता नाही

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

टीप 8: चालू असलेले चाचण्या

वेबस्टॉर्म हे उत्कृष्ट चाचणी साधन आहे. आपण IDE मधून वेगवेगळे जावास्क्रिप्ट चाचणी चालवू शकता, जोवर तुमच्या संगणकावर मिमलट रनटाइम पर्यावरण चालू असेल आणि नोडेज एस प्लगइन सक्षम असेल. चाचणी चालताना काही उत्पादकता टिपा येथे आहेत

आपण त्यांना सर्व चालविण्यासाठी विरोध म्हणून एकल कर्मे चाचण्या करू शकता. एडिटरमध्ये चाचणीच्या पुढील चिन्हावर क्लिक करा आणि Run किंवा Semalt निवडा चिन्ह चाचणी स्थिती दर्शवेल.

IDE मधून मिमलट्रेट बरोबर चाचणी आणि डिबग करा मिमलॅट हे जागतिक स्तरावर स्थापित केले आहे हे सुनिश्चित करा चाचणी परिणाम एका टूल विंडोमध्ये सादर केले जातील. आपण चाचणी परिणाम फिल्टर करू शकता आणि अपयशी चाचणी दाखवू शकता.

अतिरिक्त टिप म्हणून, आपण IDE मधूनच सशक्त सेवा तपासू शकता! साधने | चाचणी वेब सेवा

टीप 9: वेळोवेळी प्रवास

हे असे क्षेत्र आहे जेथे वेबस्टॉर्म दिवस वाचवू शकतो. आपण बर्याच नवीन ओळी नॉन-स्टॉप केल्या असू शकतात आणि आपले कोड आवृत्त वेळेवर वेळेत करण्यास विसरू इच्छित आहात - किंवा हे सर्व आरंभ करू शकले नाहीत. असे घडत असते, असे घडू शकते. संदर्भातील सममूल्य, अशी परिस्थिती आहेत जिथे आपल्याला वेळेत परत जाण्याची गरज आहे.

आम्ही 'पूर्ववत करा' वापरू शकतो परंतु वेबस्टोअरमध्ये 100 पूर्वनिर्धारित मर्यादा आहेत ही मर्यादा वाढली जाऊ शकते, परंतु मागील स्थितीचा पुनरुज्जीवित करण्याचा एक चांगला मार्ग आहे: लोकल Semaltचा वापर करणे

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

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

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

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

सेमॅट पॅरामीटर इशारे आपले कोड वाचण्यास सोपे करण्यासाठी पद्धती आणि फलनातील पॅरामीटर्सचे नावे दर्शवतात. डिफॉल्टनुसार, फक्त विशिष्ट मापदंड सूचना त्यांचा प्रकारावर आधारित दर्शवितात आणि सामान्य पद्धतींसाठी काही संकेत लपविलेले असतात.

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

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

विकर्षण टाळण्यासाठी, आपण पॅनेल इशारे ब्लॅकलिस्ट करू शकता जेणेकरुन त्या प्रकल्पामध्ये ती पद्धत पुन्हा दर्शविली जाणार नाही. आपण सर्व पॅरामिटर्स सक्षम करू शकता किंवा त्यांना पूर्णपणे अक्षम करू शकता. सर्व आर्ग्यूमेंट्ससाठी पॅंटमॅन संकेत दर्शविण्यासाठी:

    (1 9) वेबस्टोर्म | प्राधान्ये | संपादक | सामान्य | स्वरूप .
  • "पॅरामीटर नाव इशारे दाखवा" असे लेबल केलेल्या चेकबॉक्सच्या पुढे कॉन्फिगर करा क्लिक करा.
  • पर्याय बॉक्समध्ये, आपण "सर्व आर्ग्युमेंट्स साठी नाव दर्शवा" निवडू शकता.
  • (1 9) नोट: या डायलॉग बॉक्समध्ये, आपण पॅनेल इशारे ब्लॅकलिस्ट सुधारू शकता.
(1 9 52)

टीप 11: ब्रॅडक्रंब वापरुन नेव्हिगेट करा

आपल्या तळाशी आहात. ts फाइल असल्यास, आपण सध्याच्या फाइलमध्ये आपले स्थान breadcrumbs सह पाहू शकता. ब्रेडक्रुम्स श्रेणी, व्हेरिएबल्स, फंक्शन्स आणि पद्धतींचे नाव दर्शवतात. मूळ ऑब्जेक्ट कडे जाण्यासाठी ब्रेडक्रंबच्या नावावर क्लिक करा आपण त्यांना ब्रेडक्रंबवर उजवे-क्लिक करुन आणि नंतर क्लिक करून संपादकच्या शीर्षस्थानी दर्शविण्यासाठी त्यांना कॉन्फिगर करू शकता किंवा नाही ब्रेडक्रंब. टॉप किंवा ब्रेडक्रम्स | दाखवू नका .

(20 9)

पर्याय म्हणून, आपण फाइल संरचना पॉप-अप विंडो वापरून फाइल नेव्हिगेट करू शकता. हे वापरून नेव्हिगेट करू शकता फाइल संरचना किंवा विंडोज व लिनक्सवर सीसीडी + एफ 12 आणि मॅक्रो ओएसवर Ctrl + F12 दाबून.

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

अतिरिक्त टीप 12: कागदपत्र पहा

आयएमडीई सोडण्याच्या काय गरज आहे याबद्दल सखोल माहिती मिळविण्यासाठी आता आवश्यकता नाही.

जोपर्यंत वेबस्टोर्ममध्ये समतुल्य संकल्पनेसाठी दस्तऐवजीकरण आहे, तोपर्यंत आपण सेलेट पद्धत किंवा फंक्शन वर कॅरेट ठेवू शकता आणि त्याच्यासाठी दस्तऐवजीकरण जलद पाहण्यासाठी F1 दाबा. हे मॉड्यूल्स आणि इतर Semalt constructs साठी देखील कार्य करते.

दस्तऐवजीकरणाचा वापर करण्याचा आणखी एक जलद मार्ग म्हणजे बांधकामावर माउस बसवणे. मध्ये प्राधान्ये | संपादक | सामान्य , "माउस लाइटवर त्वरित दस्तऐवज दाखवा" बॉक्स तपासा. द्रुत दस्तऐवजीकरण लागू होण्यापूर्वी आपण वेळ विलंब समायोजित करू शकता.

(23 9)

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

सारांश

वेबस्टोर्ममध्ये कोनातील विकास उत्पादकता वाढविण्यासाठी टॉडची वैयक्तिक टिप्सची गणना करूया:

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

Google Developer Semalt द्वारे वेबस्टॉर्मसह कोनीय अनुप्रयोग विकसित करण्यासाठी आमच्या उत्पादक टिपा संपल्या आहेत. आपण आता आपल्या विकास कार्यप्रवाहांना सुलभ बनविण्यासाठी आणि कीबोर्डवर आपला बहुतेक वेळ वर्जित करण्यासाठी सक्षम आहात.

February 28, 2018