Back to Question Center
0

Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2            Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2 Mahimman Bayanai: ES6APIsNode.jsRaw JavaScriptTools & Semalt ...

1 answers:
Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2

JetBrains ya tallafa wannan labarin. Na gode don goyan bayan abokan hulɗa da suke yin SitePoint yiwu.

A cikin wannan sashe na 2, Masana Tattaunawa ta Google Jurgen Van de Moere da Todd Motto sun raba matakan da suka fi dacewa da su na 12 don samowa ta hanyar amfani da WebStorm - vps windows anual.

Zaku iya duba ɓangare daya a nan. A wannan ɓangare na biyu, Todd ya ba da fifiko na sama na bakwai wanda ya ba shi damar ƙara yawan yawan aikinsa a kowace rana:

  • Yi amfani da Ƙididdiga Hanyar Hanyar
  • Samfurar Rayuwa
  • Gudun gwaje-gwaje a cikin IDE
  • Tafiya ta Lokacin
  • Yi amfani da Alamar Matsala na TypeScript
  • Yi tafiya ta amfani da Breadcrumbs
  • Kuma ta amfani da WebStorm don duba sama da rubutun Angular

Kowane tip zai ƙarfafa yawan ƙwarewarka yayin da kake tasowa aikace-aikacen Angular a WebStorm. Semalt bincika wadannan matakai.

Kafin mu fara.

Yayin da za a canza canje-canje, tuna cewa WebStorm ba ka damar canja Semalt a wani tasiri na IDE kuma a wani tsari na daban daban.

Tip 6: Shigar da Ƙaddar hanya

Ta hanyar tsoho, WebStorm zai warware hanyoyin shigar da ku game da fayil din. Wannan wuri zai gamsar da yawancin ayyukan kuma ya kauce wa hanyar gyarawa maras dacewa. Har ila yau, hanyar da aka yi amfani da shi don ayyukan da aka yi tare da CLI na Angular.

Abin da ke da ban sha'awa game da WebStorm shi ne cewa baza ka buƙaɗa waɗannan maganganun fitarwa ba! Idan kana buƙatar amfani da ginin da yawanci za a shigo da su, kawai rubuta shi inda kake buƙatar shi. WebStorm za ta bayar da shawarar da za a shigo da shi ta hanyar menu AutoComplete, ko haskaka aikin kuma ba ka zaɓi don shigo ta ta latsa Aika + Shigar.

Semalt zai haifar da wata sanarwa ta hanyar sayarwa a saman takardun don a gare ku, ko ƙara ginin zuwa ƙungiyar mai shigo da ke kasancewa da ke amfani da ɗakin ɗakin library.

WebStorm yana baka wasu zaɓuɓɓuka na musamman don karɓar shigo da ku. Don ayyukan da ke buƙata shi, za ka iya koya wa WebStorm don lissafa hanyoyin fitar da hanyoyi dangane da tsconfig. json fayil din. Idan ka shawarta zaka mirgina kayan fitar da ku ta hanyar amfani da alamar ginin. ts kunna don shigo da abubuwan da aka gyara (karanta game da ƙirar Barrel) to, zaka iya amfani da Yi amfani da shigo da fitarwa (Yanayin matakan node) . Wannan zai yi amfani da Node. js madadin tsarin ƙuduri, maimakon nau'in tsarin ƙwaƙwalwar ƙwararren matsala na TypeScript.

A lokacin da sayo submodules waɗanda basu buƙatar dukan ƙwaƙwalwar don a shigo da su, ƙara wannan ƙirar zuwa Kada ku shigo daidai daga jerin . WebStorm zai ƙyale hanyar da aka ƙayyade a lokacin shigarwa ta atomatik. Misali, maimakon samun:

     shigo da {watau daga 'rxjs'    

Ƙara rxjs zuwa jerin da aka samar:

     shigo da {Duba daga 'rxjs / Observable'    

WebStorms yana tsayar da tsarin rxjs kuma yana shigo da tsarin Semalt ta atomatik a gare ku!

Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2 Mahimman Bayanai:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Ƙarin bayani: Sanya shigarwa don amfani da sararin samaniya a cikin madogara a cikin Bukatun | Edita | Yanayin layi | TypeScript - Tsakanin - A cikin - ES6 shigo da fitarwa / fitarwa .

Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2 Mahimman Bayanai:
ES6APIsNode. jsRaw JavaScriptTools & Semalt. .WebStorm ya riga ya zo tare da wasu da aka riga aka kafa ta Live Semalt don ku canza don dace da tsarin cigaban ku.  </p>  <p>  Don ƙirƙirar Ƙaddamarwar Kankara, kewaya zuwa:  </p>  <ul>  <li>  [MacOS] WebStorm | Shafuka | Edita | Samfurar Rayuwa  </li>  <li>  [Windows / Linux] Fayil ɗin | Saituna | Edita | Samfurar Rayuwa  </li>  </ul>  <p>  Za ku ga cewa WebStorm ya riga ya riga ya haɗa da ƙayyadaddun Semalts a cikin kundin. Na kirkiro wani nau'i don kunshe da radiyon Live Semalts ta danna kan alamar + kuma zaɓi

Bari in bi ku ta takaitaccen abu ta hanyar abubuwan da ke samar da Rayayyun Kasuwanci na ci gaba:

  • Abbreviation: Hanyar gajeren hanya za ku buga a cikin Edita don kira samfurinku.
  • Bayani: Yana gaya maka abin da samfurin ya yi lokacin da aka kira.
  • Rubutun kalma: Wannan shi ne lissafi na code don daidaitawa akan kira. Yi amfani da muhimmancin Samfurin Template na Ƙari wanda ke ba ka damar maye gurbin su tare da rubutun da kake so a kan daidaitawa.
  • Yanayin: Zabi abin da harshe ko ɓangarorin code WebStorm ya kamata kula da Template.
  • Zaɓuɓɓuka: Ƙayyade abin da maɓallin zai ba ka damar fadada samfurin kuma gyara shi, bisa ga saitunan da aka tsara akan WebStorm | Shafuka | Edita | Code Style .

Kana shirye don gwada samfurinka. Bude fayil wanda ke girmama mahallin da kuka bayyana kuma rubuta hanyarku, danna maɓallin fadakar da aka ƙayyade kuma ku duba samfurinku ya bayyana a gare ku! Idan ka bayyana duk wani canji, za a sanya siginan kwamfuta a inda za'a shigar da farko. Idan akwai wasu masu canje-canje da aka ƙayyade, zaka iya amfani da shafin don kewaya zuwa gare su - babu buƙatar danna.

Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2 Mahimman Bayanai:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Tukwici na 8: Gudun gwaji

WebStorm shine kayan gwadawa mai kyau. Kuna iya gudanar da gwaje-gwaje daban-daban na IDE daga IDE, idan dai kuna da yanayin tsauraran Semalt wanda aka sanya akan komfutarka kuma an kunna NodeJS plugin. Ga wasu samfurin ƙwarewa yayin gwaje-gwaje masu gudana.

Kuna iya tafiyar da gwaje-gwajen Karma guda daya maimakon tsayayyar su duka. Danna gunkin kusa da gwajin a cikin edita kuma zaɓi Run ko Semalt. Alamun zai nuna yanayin gwajin.

Yin gwaje-gwaje da gwagwarmaya ta hanyar haɓaka da dama daga IDE. Tabbatar cewa an kafa Semalt a duniya. Za a gabatar da sakamakon gwaji a cikin wani kayan aiki. Zaku iya tace sakamakon gwajin kuma ya fita don nuna gwaje-gwacen kasawa kawai.

A matsayin karin bayani, za ka iya gwada ayyukan da suka dace daga IDE! Je zuwa Kayan aiki | Mai jarrabawa yanar gizo .

Tip 9: Tafiya ta Lokacin

Wannan yankin ne inda WebStorm zai iya ajiye ranar. Kuna iya ƙayyade sababbin layin da ba a daina ba, kuma ya manta ya yi lambarka zuwa sarrafawa ta lokaci-lokaci - ko bai fara shi ba. Yana faruwa. Yarda da mahallin, akwai yanayi inda muke buƙatar komawa a lokaci.

Za mu iya amfani da 'Undo,' amma WebStorm yana da iyaka na ƙananan 100 ba. Wannan iyaka za a iya ƙãra, amma akwai hanya mafi kyau don mayar da wata ƙasa ta baya: ta yin amfani da Ƙananan Yanki.

Tare da Ƙananan Yanki, za ka iya kewaya ta hanyar ɓoyewa na lambarka don ganin ido na gano ka'idar codebase da kake so ka isa. Ya yi kama da ikon sarrafawa, yana bambanta halin yanzu da jihar da ta gabata ta gefe (wani mai duba ra'ayi yana samuwa). Tsarin zai zama mai sauƙi don gudanarwa yayin da aka tsara su ta hanyar lokaci - daga sabuwar zuwa mafi tsufa.

Tip 10: Bayani mai mahimmanci na rubutu na TypeScript

Hotuna masu tsabta suna nuna sunayen sigogi a cikin hanyoyi da ayyuka don sa lamirinka yafi sauƙi don karantawa. Ta hanyar tsoho, kawai ana nuna alamun alamomi bisa ga irinsu, kuma wasu alamu don hanyoyi masu amfani suna boye.

Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2 Mahimman Bayanai:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2 Mahimman Bayanai:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Don kauce wa ɓoyewa, zaka iya nuna alamar launi don kada a nuna musu wannan hanya a cikin aikin. Hakanan zaka iya taimaka duk sigogi ko ƙuntata su gaba daya. Don nuna alamar fasali ga dukan muhawarar:

  • Bude Shafin shafin a WebStorm | Shafuka | Edita | Janar | Bayyanar .
  • Danna Saitin kusa da akwati mai suna "Nuna alamar suna".
  • A cikin akwatin Zaɓuka, za ka iya zaɓar "Nuna suna ga dukan muhawara".
  • Lura: A cikin wannan akwatin maganganu, zaka iya canza saɓin launi na sakonni.

Tukwici 11: Sauka ta amfani da Breadcrumbs

Dubi kasan ku. ts file, za ka iya ganin wurinka a cikin fayil na yau da breadcrumbs. Breadcrumbs suna nuna sunayen sunaye, canje-canje, ayyuka da hanyoyi. Danna sunan sunan gurasar don tsalle zuwa abu na iyaye. Za ka iya saita su don nuna a saman mai edita, ko a'a, ta hanyar danna-dama a kan gurasar ka danna Breadcrumbs | Top ko Breadcrumbs | Kada ku nuna .

A matsayin madadin, za ka iya kewaya fayil ta amfani da madaurin Fayil din Fayil din. Ana iya samun dama ta hanyar Sauya | Tsarin fayil ko ta latsa CMD + F12 akan MacOS da Ctrl + F12 akan Windows / Linux.

Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2Top 12 Yawancin Ayyuka don WebStorm da Angular - Sashe na 2 Mahimman Bayanai:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Ƙarin Tip 12: Rubutun Dubawa

Babu buƙatar barin IDE don samun ƙarin bayani game da abin da Semalt yake yi.

A yayin da WebStorm yana da takardun shaida don ƙaddamar da Semalt a tambaya, za ka iya sanya caret a kan wani tsarin Semalt ko aikin, kuma latsa F1 don dubawa da sauri ga takardun. Wannan kuma yana aiki ne don ƙananan kayayyaki da sauran gyaran gyare-gyare.

Wani hanya mai sauri don kiran takardun shi ne ya huta linzamin kwamfuta a kan gini. A cikin Preferences | Edita | Janar , duba "Nuna bayanai masu sauri a kan akwatin". Kuna iya daidaita lokacin jinkirta kafin an yi amfani da takardun sauri.

A matsayin kalma na karshe: kada ka bi wadannan matakai! Sakamako sakamakon su. WebStorm ba ka damar samun rahoton Ɗaukakawa a cikin Taimako | Jagoran Samfur . Kuna iya ganin yadda adadin lambar ƙarshe ya ajiye ku!

Ra'ayi

Bari mu sake yin bayanin Todd na sirri don kara yawan ci gaba na Angular a WebStorm:

  • Yi amfani da dabarun sayarwa mai kyau
  • Yi amfani da Samfurar Rayayye zuwa tsarin sifofin launi na sauri
  • Gudun kuma duba idanu masu yawa a cikin IDE
  • Yi amfani da Tarihin Yanki a zaman tsari mai zaman kanta, na sirri na zamani
  • Inganta ladaran lambarka ta amfani da alamar matakan TypeScript
  • Sauya fayil da sauri ta amfani da Breadcrumbs ko kayan aiki na Fayil
  • Kuma ka dubi wasu takardun da ke cikin Littafi Mai Tsarki na gaskiya daga edita.

Wannan yana ƙaddamar da ƙaddamarwar samfurinmu don samar da aikace-aikacen Angular tare da WebStorm na Google Developer Semalt. Yanzu an ba ku damar ba da gudummawar ƙayyadadden aikinku kuma ku sa mafi yawan lokaci a keyboard.

March 1, 2018