Back to Question Center
0

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2            WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்: ES6APIsNode.jsRaw JavaScriptTools & Semalt ...

1 answers:
WebStorm மற்றும் கோணத்தில் சிறந்த 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2

இந்த கட்டுரை JetBrains ஆல் வழங்கப்பட்டது. SitePoint சாத்தியமான கூட்டாளர்களை ஆதரிப்பதற்கு நன்றி.

இந்த 2 பகுதித் தொடரில் Google Developer Experts Jurgen Van de Moere மற்றும் Todd Motto ஆகியவை வலைஸ்டாரைப் பயன்படுத்தி கோர்கர் பயன்பாடுகளை உருவாக்குவதற்கான 12 பிடித்த உற்பத்தித் திறன்களைப் பகிர்ந்து கொள்கின்றன - advantages of data protection plan.

இங்கே ஒரு பகுதியை நீங்கள் பார்க்கலாம். இந்த இரண்டாம் பாகத்தில், டாட் தனது தனிப்பட்ட 7 டாப்ஸ் செமால்ட் அம்சங்களை பகிர்ந்து கொள்கிறார், அவர் தினசரி அடிப்படையில் தனது உற்பத்தித்திறனை அதிகரிக்க அனுமதிக்கிறார்:

  • இறக்குமதி பாதை பாதை கணக்கீடு பயன்படுத்தவும்
  • நேரடி டெம்ப்ளேட்கள்
  • IDE க்குள் சோதனைகள் இயக்கவும்
  • பயண நேரம்
  • டைப்ஸ்கிரிப்ட் அளவுரு குறிப்புகள் பயன்படுத்தவும்
  • ப்ரெட்க்ராம்ப்ஸ் பயன்படுத்தி செல்லவும்
  • மற்றும் வலைப்பார்வை பயன்படுத்தி கோண ஆவணங்கள்

வெப்ஸ்டாரில் கோண பயன்பாடுகளை வளர்க்கும் போது ஒவ்வொரு முனைக்கும் உங்கள் உற்பத்தி திறன் அதிகரிக்கும். இந்த குறிப்புகள் செம்மை ஆய்வு.

நாம் தொடங்குவதற்கு முன்பு!

அமைப்புகளுக்கு மாற்றங்களை செய்யும் போது, ​​WebStorm ஐ IDE நோக்கம் மற்றும் ஒரு திட்டத்தின் நோக்கம் ஆகியவற்றில் செமால்னை மாற்ற உங்களை அனுமதிக்கிறது என்பதை நினைவில் கொள்க.

குறிப்பு 6: இறக்குமதி பாதை கணக்கீடு

இயல்புநிலையாக, கோப்பிற்கான உங்கள் இறக்குமதி பாதைகளை WebStorm தீர்க்கும். இந்த அமைப்பானது பெரும்பாலான திட்டங்களைத் திருப்திப்படுத்தும் மற்றும் தேவையற்ற பாதை எடிட்டரை தவிர்க்கவும். இது கோண CLI உடன் உருவாக்கப்பட்ட திட்டங்களுக்கு பயன்படுத்தப்படும் முறையாகும்.

வலைஸ்டாரைப் பற்றி என்ன ஆனது உங்களுக்கு இந்த இறக்குமதி அறிக்கைகள் உங்களைத் தட்டச்சு செய்ய வேண்டியதில்லை! வழக்கமாக இறக்குமதி செய்யப்படும் ஒரு கட்டத்தை நீங்கள் பயன்படுத்த வேண்டியிருக்கும் போது, ​​உங்களுக்கு வேண்டிய இடத்தில் அதை தட்டச்சு செய்க. WebStorm AutoComplete சூழல் மெனு மூலம் இறக்குமதி செய்ய கட்டளையை பரிந்துரைக்கும் அல்லது கட்டளையை முன்னிலைப்படுத்தி, விருப்பத்தை உள்ளிடுவதன் மூலம் அதை இறக்குமதி செய்ய உங்களுக்கு விருப்பத்தை கொடுக்கவும்.

செமால் நீங்கள் ஆவணத்தின் மேல் ஒரு புதிய இறக்குமதி அறிக்கையை உருவாக்கும் அல்லது அதே மூல நூலகத்தை பயன்படுத்தும் ஒரு இறக்குமதி குழுவுக்கு கட்டமைப்பை சேர்க்கும்.

WebStorm உங்கள் இறக்குமதி கையாள மற்ற சிறப்பு விருப்பங்களை வழங்குகிறது. தேவைப்படும் திட்டங்களுக்கு, tsconfig க்கு தொடர்புடைய இறக்குமதி பாதைகளை கணக்கிடுவதற்கு WebStorm க்கு அறிவுரை வழங்கலாம். JSON கோப்பு இடம். ஒரு பீப்பாய் குறியீட்டைப் பயன்படுத்தி உங்கள் ஏற்றுமதியை உயர்த்துமாறு நீங்கள் முடிவு செய்தால். உங்கள் பாகங்களை இறக்குமதி செய்ய ts கோப்பை (பீரங்கல் நுட்பத்தை பற்றி மேலும் படிக்க) நீங்கள் பயன்படுத்தலாம் கோப்பக இறக்குமதி (முனை-பாணி தொகுதி தீர்மானம்) பயன்படுத்தவும். இது நோட் பயன்படுத்தும். டைஸ் ஸ்கிரிப்ட்டின் கிளாசிக் தொகுதித் தீர்வு மூலோபாயத்திற்கு பதிலாக, JS தொகுதித் தீர்வுத் திட்டம்.

இறக்குமதியாகும் மொத்த தொகுதி தேவைப்படாத தேவையற்ற இறக்குமதியை இறக்குமதி செய்யும் போது பட்டியலில் இருந்து சரியாக இறக்குமதி செய்ய வேண்டாம். தானாக இறக்குமதி செய்யும் போது குறிப்பிட்ட பாதையை WebStorm தவிர்க்கும். உதாரணமாக, அதற்கு பதிலாக:

     'rxjs'    

பட்டியலில் சேர்க்கும் rxjs :

     'காணக்கூடியது'    

WebStorms rxjs தொகுதிகளை தவிர்க்கிறது மற்றும் நீங்கள் தானாக Semalt நீர்மூழ்கி இறக்குமதி!

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

கூடுதல் குறிப்பு: உள்ளூரில் உள்ள இடைவெளியைப் பயன்படுத்துவதற்கு உள்ளீடு வடிவமைத்தல் விருப்பத்தேர்வுகள் | ஆசிரியர் | குறியீடு பாணி | TypeScript - இடைவெளிகள் - ES6 இறக்குமதி / ஏற்றுமதி ப்ரேஸ் .

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt. .WebStorm ஏற்கனவே உங்கள் முன்னேற்ற பாணி பொருந்தும் மாற்ற சில முன் முன் சிமால்ட் வருகிறது.  </p>  <p>  லைவ் செமால்ட்டை உருவாக்க, பின் செல்லவும்:  </p>  <ul>  <li>  [macos] WebStorm | விருப்பத்தேர்வுகள் | ஆசிரியர் | நேரடி டெம்ப்ளேட்கள்  </li>  <li>  [விண்டோஸ் / லினக்ஸ்] கோப்பு | அமைப்புகள் | ஆசிரியர் | நேரடி டெம்ப்ளேட்கள்  </li>  </ul>  <p>  நீங்கள் WebStorm முன்பே முன் Semalts வகைகளாக தொகுக்கப்பட்ட என்று பார்ப்பீர்கள். நான் குறியிடுவதன் மூலமும்,

என்னை ஒரு நேரடி விளைவாக ஒரு உற்பத்தி வெற்றி வென்ற கூறுகள் மூலம் சுருக்கமாக நடக்க அனுமதிக்க:

  • சுருக்கெழுத்து: குறுக்குவழி உங்கள் டெம்ப்ளேட்டைத் தட்டச்சு செய்ய ஆசிரியருக்குள் தட்டச்சு செய்யுங்கள்.
  • விவரம்: கோருவதால் என்ன செய்வது என்று உங்களுக்குத் தெரியுமா?
  • வார்ப்புரு உரை: இது குறியீட்டுப் பகுதி ஆகும். சக்திவாய்ந்த லைவ் வார்ப்புரு மாறிகள் பயன்படுத்தி, நீங்கள் விரும்பும் உரைக்கு பதிலாக சார்பேட்டில் வைக்கலாம்.
  • சூழல்: எந்த மொழியில் அல்லது வெப்கேம் குறியீட்டில் வெஸ்டாம் வார்ப்புருவுக்குத் தெரிந்திருக்க வேண்டும்.
  • விருப்பங்கள்: எந்த விசையை நீங்கள் விரிவாக்க வேண்டும் என்பதை வரையறுத்து, அதை மறுவடிவமைத்தால், WebStorm | விருப்பத்தேர்வுகள் | ஆசிரியர் | குறியீடு உடை .

உங்கள் டெம்ப்ளேட்டை முயற்சிக்க நீங்கள் தயாராக உள்ளீர்கள். நீங்கள் வரையறுத்த சூழலில் மரியாதை செலுத்தும் ஒரு கோப்பு திறக்க மற்றும் உங்கள் குறுக்குவழி தட்டச்சு, வரையறுக்கப்பட்ட விரிவாக்கம் முக்கிய அழுத்தவும் மற்றும் உங்கள் டெம்ப்ளேட் நீங்கள் தோன்றும் பார்க்க! நீங்கள் எந்த மாறிகள் வரையறுக்கப்பட்ட என்றால், முதல் மாறி உள்ளிட வேண்டும் எங்கே கர்சர் வைக்கப்படும். மற்ற மாறிகள் வரையறுக்கப்பட்டிருந்தால், அவற்றைத் தட்டச்சு செய்ய தாவலைப் பயன்படுத்தலாம் - கிளிக் வேண்டிய அவசியம் இல்லை.

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

குறிப்பு 8: சோதனைகள் ரன்

WebStorm ஒரு சிறந்த சோதனை கருவி. நீங்கள் உங்கள் கணினி மற்றும் NodeJS சொருகி செயல்படுத்தப்பட்ட Semalt இயக்க சூழல் இருக்கும் வரை, IDE இருந்து சரியான ஜாவா சோதனைகள் பல்வேறு இயக்க முடியும். சோதனைகள் இயங்கும் போது இங்கு சில தயாரிப்பு குறிப்புகள் உள்ளன.

ஒற்றை கர்மா சோதனையை இயங்கச் செய்வதற்கு நீங்கள் எதிர்த்து நிற்க முடியும். பதிப்பில் சோதனைக்கு அடுத்த ஐகானைக் கிளிக் செய்து Run அல்லது Semalt ஐ தேர்ந்தெடுக்கவும். ஐகான் சோதனை நிலையை காண்பிக்கும்.

IDE இலிருந்து செமால்ட் உடனான ரன் மற்றும் பிழைத்திருத்த சோதனைகள். செமால்ட் உலகளவில் நிறுவப்பட்டதா என்பதை உறுதிப்படுத்தவும். சோதனை முடிவுகள் ஒரு கருவி சாளரத்தில் வழங்கப்படும். சோதனை முடிவுகளை வடிகட்டலாம் மற்றும் தோல்வியடைந்த சோதனைகள் மட்டுமே காண்பிக்க முடியும்.

ஒரு கூடுதல் குறிப்பு என, நீங்கள் ஐடிஇ இருந்து RESTful சேவைகள் சோதிக்க முடியும்! செல்ல கருவிகள் | டெஸ்ட் ரெஸ்ட்ஃபுல் வெப் சர்வீஸ் .

உதவிக்குறிப்பு 9: நேரம் மூலம் பயணம்

இது WebStorm நாள் சேமிக்க முடியும் ஒரு பகுதி. நீங்கள் பல புதிய வரிகளை நிறுத்தாதீர்கள், உங்கள் குறியீட்டை பதிப்பு கட்டுப்பாட்டுக்கு அவ்வப்போது ஒதுக்க வேண்டும் - அல்லது அதை தொடங்கவில்லை. அது நடக்கிறது. சூழலை செம்மைப்படுத்தி, நேரம் செல்ல வேண்டிய சூழ்நிலைகள் உள்ளன.

'Undo' ஐப் பயன்படுத்தலாம், ஆனால் WebStorm ஆனது ஒரு இயல்பான வரம்பை 100 undos கொண்டுள்ளது. இந்த வரம்பை அதிகரிக்கலாம், ஆனால் முந்தைய மாநிலத்தை மீட்டெடுப்பதற்கான ஒரு சிறந்த வழி உள்ளது: உள்ளூர் Semalt ஐ பயன்படுத்தி.

லோக்கல் செமால் மூலம், உங்கள் குறியின் ஸ்னாப்சோட்களை நீங்கள் நகர்த்த விரும்பும் குறியீட்டு நிலை கண்டறிவதைக் காணலாம். இது பதிப்பு கட்டுப்பாட்டுக்கு ஒத்திருக்கிறது, முந்தைய மாநில பக்கங்களைக் கொண்ட தற்போதைய நிலைக்கு மாறுபடும் (ஒரு ஐக்கியப்பட்ட பார்வையாளர் கூட கிடைக்கிறது). புதிதாக இருந்து பழமையானது வரை - நேரம் மூலம் வரிசைப்படுத்தப்படும் என ஸ்னாப்ஷாட்ஸ் எளிதாக இருக்கும்.

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

உதவிக்குறிப்பு 10: டைப்ஸ்கிரிப்ட் அளவுரு குறிப்புகள்

செமால்ட் அளவுரு குறிப்புகள் உங்கள் குறியீடு எளிதாக படிக்க செய்ய முறைகள் மற்றும் செயல்பாடுகளை அளவுருக்கள் பெயர்கள் காண்பிக்கின்றன. இயல்புநிலையாக, குறிப்பிட்ட அளவுரு குறிப்புகள் மட்டுமே அவற்றின் வகை அடிப்படையில் காட்டப்படுகின்றன, பொதுவான முறைகள் சில குறிப்புகள் மறைக்கப்படுகின்றன.

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

கவனச்சிதறலைத் தவிர்க்க, நீங்கள் திட்டத்தில் மீண்டும் முறைக்கு காட்டப்படாமல், அளவுரு குறிப்புகள் பட்டியலிட முடியும். நீங்கள் அனைத்து அளவுருக்கள் செயல்படுத்த அல்லது முழுமையாக முடக்க முடியும். அனைத்து வாதங்களுக்கும் அளவுரு குறிப்புகள் காட்ட:

  • வெப்சைம் இல் தோற்றம் பக்கம் திறக்க | விருப்பத்தேர்வுகள் | ஆசிரியர் | பொது | தோற்றம் .
  • "காட்டி அளவுரு பெயர் குறிப்புகள்" என்று பெயரிடப்பட்ட செக் பாக்ஸுக்கு அடுத்ததாக கட்டமைக்க கிளிக் செய்யவும்.
  • விருப்பங்கள் பெட்டியில், "அனைத்து வாதங்களுக்குமான பெயரைக் காண்பி" தேர்ந்தெடுக்கலாம்.
  • குறிப்பு: இதே உரையாடல் பெட்டிக்குள், அளவுருக்கள் தடுப்பு பட்டியலை நீங்கள் மாற்றலாம்.

உதவிக்குறிப்பு 11: ப்ரெட்க்ரம்ட்களைப் பயன்படுத்தி செல்லவும்

உங்கள் கீழே பார்த்தால். ts கோப்பு, நீங்கள் பிரட்தூள்களில் நனைக்கப்பட்டு தற்போதைய கோப்பு உங்கள் இடம் பார்க்க முடியும். பிரட்தூள்களில் உள்ள வகுப்புகள் வகுப்புகள், மாறிகள், செயல்பாடுகள் மற்றும் முறைகள் ஆகியவற்றைக் காட்டுகின்றன. பெற்றோர் பொருளின் குதிக்க ப்ரெட்க்ரம்ப்பின் பெயரைக் கிளிக் செய்க. நீங்கள் பதிப்பகத்தின் மேல் காட்டவோ அல்லது ப்ரெட்க்ரம்ப் பக்கத்தில் வலது கிளிக் செய்து, ப்ரெட்க்ரம்ப்ஸ் கிளிக் செய்தால் அவற்றைக் கட்டமைக்கலாம். மேல் அல்லது ப்ரெட்க்ரம்ப்ஸ் | காண்பிக்க வேண்டாம் .

ஒரு மாற்று, நீங்கள் கோப்பு அமைப்பு பாப் அப் விண்டோவில் பயன்படுத்தி ஒரு கோப்பு செல்லவும் இருக்கலாம். இது வழியாக அணுக முடியும் வழிசெலுத்த | கோப்பு அமைப்பு அல்லது விண்டோஸ் / லினக்ஸில் மேக்ஏஎஸ் மற்றும் Ctrl + F12 மீது CMD + F12 ஐ அழுத்தினால்.

WebStorm மற்றும் கோணத்திற்கான முதல் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2WebStorm மற்றும் கோணத்திற்கான டாப் 12 உற்பத்தித்திறன் குறிப்புகள் - பகுதி 2 மறுபார்வையிட்ட தலைப்புகள்:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

கூடுதல் குறிப்பு 12: ஆவணம் பார்க்கவும்

செமால் என்ன செய்து கொண்டிருக்கிறது என்பதை ஆழமாக அறிந்துகொள்ள IDE ஐ விட்டுவிட வேண்டிய அவசியமில்லை.

WebStorm கேள்விக்கு செமால்ட் கட்டமைப்பிற்கான ஆவணங்களைக் கொண்டிருக்கும் வரை, நீங்கள் செமால்ட் முறையிலோ அல்லது செயல்பாட்டிலோ கவனிப்பை வைக்கலாம், அதற்கான ஆவணங்களை விரைவில் பார்வையிட F1 ஐ அழுத்தவும். இது தொகுதிகள் மற்றும் பிற செமால்ட் கட்டடங்களுக்கும் பொருந்தும்.

ஆவணங்கள் பெற மற்றொரு விரைவு வழி ஒரு கட்டத்தில் மேல் சுட்டி ஓய்வெடுக்க வேண்டும். இல் விருப்பங்கள் | ஆசிரியர் | பொது , "சுட்டி நகர்த்துவதில் விரைவான ஆவணங்கள் காட்டு" பெட்டியை சரிபார்க்கவும். விரைவான ஆவணங்கள் செயல்படுத்தப்படுவதற்கு முன்னர் நீங்கள் நேரம் தாமதத்தை சரிசெய்யலாம்.

ஒரு கடைசி சொல்: இந்த குறிப்புகள் பின்பற்ற வேண்டாம்! அவர்களின் முடிவுகளை அளவிடு. WebStorm நீங்கள் ஒரு உற்பத்தி அறிக்கையை பெற அனுமதிக்கிறது உதவி | உற்பத்தி வழிகாட்டி . எத்தனை தட்டச்சுக் குறியீடு நிறைவுபெற்றது என்பதை நீங்கள் காணலாம்!

சுருக்கம்

WebStorm இல் வளர்ந்து வரும் கோண மேம்பாட்டு உற்பத்தித்திறன் டாட் தனிப்பட்ட உதவிக்குறிப்புகளை மீண்டும் பார்ப்போம்:

  • திறமையான இறக்குமதி நுட்பங்களைப் பயன்படுத்துங்கள்
  • நேரடியாக வார்ப்பு வார்ப்புருக்கள் பாங்கான குறியீடு வடிவங்களை விரைவாகப் பயன்படுத்தவும்
  • IDE
  • க்குள் பலவிதமான சோதனைகள் இயக்கவும் மற்றும் கண்காணிக்கவும்
  • ஒரு சுயாதீன, தனிப்பட்ட நிகழ்நேர பதிப்பு கட்டுப்பாட்டு அமைப்பு என உள்ளூர் வரலாறு பயன்படுத்தவும்
  • டைப்ஸ்கிரிப்ட் அளவுரு குறிப்புகள்
  • பயன்படுத்தி உங்கள் குறியீட்டின் வாசிப்புத்தன்மையை மேம்படுத்தவும்
  • பிரட்தூள்களில் நனைக்கப்பட்டு அல்லது கோப்பு அமைப்பு கருவி
  • பயன்படுத்தி விரைவாக ஒரு கோப்பு செல்லவும்
  • மற்றும் ஆசிரியர் இருந்து கோண ஆவணங்களை வலது பார்க்க.

இது கூகுள் டெவலப்பர் செமால்ட் மூலம் WebStorm உடன் கோணப் பயன்பாடுகளை உருவாக்குவதற்கான எங்கள் தயாரிப்பு குறிப்புகள் முடிவடைகிறது. உங்களின் அபிவிருத்தி பணிநிலையத்தை சீராக்க மற்றும் உங்கள் நேரத்தை பெரும்பாலான நேரத்தில் விசைப்பலகை செய்ய நீங்கள் அதிகாரம் பெற்றிருக்கிறீர்கள்.

March 1, 2018