Back to Question Center
0

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2            Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî: ES6APIsNode.jsRaw JavaScriptTools & Semalt ...

1 answers:
Top 12 Berhemdariya Tiştikên ji bo WebStorm û Angular - Part 2

Ev gotara ji aliyê JetBrains ve hatibû sponsored. Ji bo hevkarên ku Destnîşankirina Malpera Pêdivî ye ji bo piştevanîya we.

Di çarçoveya 2-beşan de, pisporên Pêşveçûna Google Developer Jurgen Van de Moere û Todd Motto ji 12 pêşniyarên berhemdariyê yên ji bo pêşveçûnên Katalê yên WebStorm bikar bînin - bokasyon logo making.

Hûn dikarin beşek li vir li vir bibînin. Di beşa duyemîn de, Todd taybetmendiyên Semal 7 kesî parve dike ku destûrê dide ku ew hilberîna xwe ya rojane bide:

  • Vebijêrîna Rastê Bikaranîna Pêwîstanê
  • Live Templates
  • Di nav IDE
  • Bi rêya Rêwîtiyê
  • Bikaranîna Pîvanên Parastina Tîpa
  • Breadcrumbs bikar bînin navîgasyon
  • Bi karanîna Webstormê binihêrin ku Dokumenta Angularî

Her tip dê hilberîneriya we hilweşîne û dema ku serîlêdana klavyulên di WebStormê de pêşveçûnê hilberînin. Semalt ev tehlên lêgerîn.

Berî me dest pê kir!

Dema ku guhertinên li ser pergalê çêbikin, bîr bînin bîra xwe ku WebStorm hûn li ser çarçoveya IDE-ê di cihê devera guhertina Semalt biguherînin.

Tip 6: Qanûna Çêkirina Rastê

Bi riya default, WebStorm dê riya pelên xwe yên nêzîkî pelê çareser bikin. Vê gavê dê piraniya projeyên bicîh bikin û ji rêvekirina rêbazê nerazî bibin. Ew jî rêbazek ji bo projeyên ku bi Kuala Lîberî ve hatî afirandin tê bikaranîn.

Bêguman Gelê WebStormê çi ye ku hûn nexşeyên xwe bi van gotinên bazirganî binivîsin! Dema ku hûn hewce be ku avakirina avakirina ku dê bi gelemperî veguherîn, bikar bînin ku tenê hewce bike ku hûn hewce ne. WebStorm dê ji bo pêşxistina menuê xweya AutoComplete veguherînek çêbikin yan jî pêşniyar dike ku hûn çêbikin û avakirina damezirandinê û hûn bijartina ku ji hêla Option + Enter vexwendin veguherînin.

Semalt dê daxuyaniyek bazirganî ya nû ya belgeyê nû çêbikin, an jî ji bo avakirina avahiyeke bazirganî ya ku di heman çavkaniyê de digel çavkaniya pirtûkxaneyê de zêde bike.

WebStorm alternatîfên din yên taybet yên ku hûn veberhênana xwe bigirin. Ji bo projeyên ku ew hewce ne, hûn dikarin WebStorm ji bo rêbazên bazirganî yên tsconfig bikin. ciyê pelê json. Heke hûn biryar da ku bazirganiya xwe hilberînin bi karanîna barrelê. pelê ts-ê ji bo beşên xwe veguherînin (zêdetir barê teknîkî Barrel bixwînin) hûn dikarin bikar bînin Import-export directory (Resolution module-mode) . Ev ê bikarhênerê Node bikar bînin. stratejiya çareseriyê js module, bi şûna stratejiya çareseriyê ya modulasyona TypeScript.

Gava ku barkirina dermanên ku ji bo tevahiya module ve bêne veguhestin, hewce ne ku module ji bo naxwazin ji lîsteya ji veguherînin. WebStorm di dema xweya xweya otomatîk de dê riya diyarkirî bistîne. Ji bo nimûne, ji bilî:

     import {Observable} ji 'rxjs'    

ji bo rêjeya lîsteya lîstanê rxjs zêdekirin:

     import {Observable} ji 'rxjs / Çavdêr'    

WebStorms module rxjs skips û vedixwe ku Semalt ji bo we ji bo we otomodule otomalule bike!

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Tiştek din: Dabeşkirina pelê ya ku di hundurên kûçikan de di nav de Preferences | Edîtor | Koda Code | Tîpa Tîpa - Cihan - Di hundirê - ES6 veguhastin / destûra bazirganî .

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt. .WebStorm ji hêla hin semelên Live Live-ê yên pêşîn dihatin, ku hûn dikarin guhartina xwe ya pêşveçûna xwe bîr bikin.  </p>  <p>  Ji bo Semaltek Live Live, navîgasyonê bike:  </p>  <ul>  <li>  [macOS] WebStorm | Preferences | Edîtor | Live Templates  </li>  <li>  [Peldanka Windows / Linux] | Settings | Edîtor | Live Templates  </li>  </ul>  <p>  Hûn ê bibînin ku WebStorm ji berhemên berê yên Semalîs ve hatî barkirin. Min kategoriyek afirandiye ku ji bo sembola bijartî û hilbijêre

Bihêle ez ji hêla hêmanên ku Semantiyek Live Live, hilberîna hilberîna we de bi we digerin:

  • Navnîşan: Shortcut hûn ê di Edîtorê de binivîse ku ji bo tepêla xwe bang bikin.
  • Pirtûka: Dema ku hûn tavilê çêdike ku hûn çi bikin.
  • Şablon text: Vê kodê ye ku ji bo veguhestinê tê xistin. Vebijêrînek ji hêla Bijareya Live ya Hûrgelan ve bistînin ku hûn destûrê bidin ku hûn bi nivîsa xwe re paqij bikin.
  • Têkilî: Di kîjan ziman an an kodê kodê de WebStorm hilbijêre divê bi Şablonê hest be.
  • Vebijêrkên: Pêvek kîjan sereke dê destûr bikin ku hûn lihevhatî û reformtê zêde bikin, li gor pergala şêweyên stenbolê li ser WebStorm | Preferences | Edîtor | Koda Code .

Hûn ji bo ku hûn tehlika xwe bixebitin amade ne. Vê pelê ku veqetin ku hûn diyar kir û şîfreya xwe binivîsin, pirtûka pêşveçûnê ya danûstendinê veguherînin û binivîse ku teze ji bo we tê xuya kirin! Heke hûn guhertin, her cursor dê li cîhê ku guherînek yekem divê tête binivîse. Heke ku cûreyên din hatine diyarkirin, hûn dikarin tabê bikar bînin ku ji bo wan veguhestin - hewce ne pêdivî ye.

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Tip 8: Tîma Tevgerî

WebStorm toolbarê testê baş e. Hûn dikarin tecrûbeyên JavaScriptê yên rast ji IDE re rast bibin, heta ku hûn li hawîrdeya Semaltê ya ku li ser komputerê ye û sazkirina NodeJS plugin hate saz kirin. Li vir dema ku ceribandinên vekişînê hene hin agahdariyên berhem hene.

Hûn dikarin ceribandinên Karma yek ji ber ku dijberî wan hemû tevlihev bibin. Li ser vê editê yê ku li ser editorê li ser mîhengê binivîse û hilbijêre Run or Semalt. Împerator dê statuya testê nîşan bide.

Bi Semelal rast ji IDE re vegerin û veguhastin hilbijêre. Bawer bikin ku Semalt di cîhanê de sazkirî ye. Encamên testê dê di nav paceyê de werin pêşkêş kirin. Hûn dikarin encamên testê şîfre bikin û tenê ji bo îmtîhanên têkçûnê nîşan bidin.

Wekî ku tîpek zêdekirî, hûn dikarin xizmetên REST-yê rast ji IDE re test bikin! Biçe Amûr Testa Xweseriya Rasta RESTful .

Tip 9: Bi rêvebirina Dem

Ev cihek e ku derheqa WebStorm dikare rojê biparêze. Hûn dikarin çend rêzên nû yên ne-bêdeng binivîse, û ji bîr nekin ku kodê xwe bi demdirêjê vîdyoyê bi xwe re bisekinin - an jî ew bi tevahî dest pê kir. Ev dibe. Semalt girêdayî, rewş hene ku em hewce ne ku di dema we de vegerin.

Em bikaribin 'Undo,' lê bikar bînin, lê belê WebStorm bi sînorê 100-ê deverî heye. Ev sînor dikare zêde dibe, lê rêkek çêtir e ku ji bo dewleta berê vebigere: Semalt Herêmî.

Bi Semalteya Herêmî, hûn dikarin bi navnîşên snapshots yên kodê navnîşan bikin ku ji bo ku hûn dixwazin bigihîjin koda koda bassê bibînin. Ew heman guhertoya guhertoyek e, lêgerîna niha ya heyî ku bi dewleta berê berê-by-side (Yekbûyî Çavkanî Yekbûyî jî heye). Snapshots dê hêsantir bikin wekî ku ew bi wextê xwe têne çêkirin - ji nûtirîn heta herî kevin.

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Tip 10: Tîpa Parasên Parastina Tîpa

Pêlên semaltên semalt nîşanên parameterên di rêbaz û karên xwe de nîşan dide ku koda xwe hêsan bixwînin. Bi veguhastinê, tenê tenê çend parameterên hûrgelan têne nîşankirin nîşan dide, û hin hestên ji bo rêbazên gelemperî veşartin.

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Ji bo astengiyên ji ber dûr, hûn dikarin parçeyên parameterên reş lîstik bikin, da ku ew ji bo vê rêbazê re dîsa neyê nîşandan. Hûn dikarin hemî parameteran bikar bînin an jî wan temam bikin. Ji bo hemû argûyan ji bo parameterên nîşan bide nîşan bide:

  • Rûpelê vekirî WebStorm | Preferences | Edîtor | Giştî | Forma .
  • Bişkojka ya li qaîdeya kontrolê ya binivîse "Bişkojka parameterê nîşan bide" binivîse.
  • Li bloka bijartî, hûn dikarin "Navnîşan ji bo tevgerên nîşan bide" hilbijêre.
  • Têbînî: Di heman rengê diyalogê de, hûn dikarin paramarterên blacklistê nîşan bidin.

Tip 11: Breadcrumbs bikar bînin navîgasyon

li jêr binêrin te. pelê ts, hûn dikarin di navnîşa xwe de li dora niha ya nanê xwarinê bibînin. Breadcrumbs navên navîn, cûrbûr, kar û rêbazan nîşan dide. Li nav navê nanekekê binivîse ku ji bo maddeya bavikê bavêjin. Hûn dikarin wan lihev bikin serî li ser editorê, an jî ne hemî, bi riya krokrumbê û paşê Breadcrumbs bitikînin. Top an jî Breadcrumbs | Nabe .

Wekî alternatîf, hûn dikarin pelê navnîşa paceya pop-upê bi karanîna pelê navnîşan bikin. Ew dikare ji hêla veguherandin dikare peyda bike Structure ya File an bi rêya CMD + F12 li macos û Ctrl + F12 li Windows / Linux.

Top 12 Berpirsiyariya Tîrmehên Ji bo WebStorm û Angular - Part 2Top 12 Berpirsiyariya Tîrmehên ji bo WebStorm û Angular - Part 2 Rûpelên Têkilî:
ES6APIsNode. jsRaw JavaScriptTools & Semalt

Extra Tip 12: Daxuyaniya Dîtina Bilind

Pêdivî ye ku divê IDE ji derveyî agahdariya kûrtirîn li ser çi çi Semalt e.

Di dema ku WebStorm ji bo pirsgirêka avakirina avakirina Semaltê belgeya belgeya belgeyê ye, hûn dikarin li ser mûçeya Semelalt an karûbarê xwe bigirin, û ji bo Fîleka F1 bi lezgîn bixwînin ku ji bo vê belgeyê bibînin. Ew jî ji bo modulên din û avakirina Semaltên din dixebite.

Wekî din zûtirîn ku belgeyên belgekirinê ye ku ew li ser avahiyek çêbikin. Di Preferences | Edîtor | Giştî , kontrol bikin "Dokumentên zûtirîn li ser bloka maşê nîşan bide". Hûn dikarin ji ber ku belgeya zûtirîn belaş tê vexwendin wextê dereng bikin.

Wek peyva dawîn: tenê ne tenê van şertan nake! Encamên wan bigirin. WebStorm destnîşan dike ku hûn ji bo pêşniyariya hilberîna hilberînê li Pêdivî ye Rêberdariya Gerdariyê . Hûn dikarin bibînin ku çiqas koda kodê temamî we rizgar kir!

Vebijêrk

Bila ji bo pêşniyarên kesane yên Todd ji bo zêdekirina hilberîna kûçûkê ya Kewçêr di WebStorm

de biceribînin,
  • Bi teknîkî yên çêtirîn çêbikin bikar bînin
  • Ji bo zûbarên zindî yên zehfên zûde yên zûtir bikar bînin
  • Di nav IDE
  • de gelek cûre testên vekolîn û kontrol bikin.
  • Dîroka Herêmî ya wekî serbixwe, pergalê kontrola peldanka rastîn-ê-yê-yê (kesane) bikar bînin
  • Vebijêrîna we ya kodê bi hêla bikaranîna Parîsên Parastina TypeScript
  • çêtir bikin
  • Daxistina pelanek bi lezgîn a Breadcrumb an jî toolbarên Structure ya File
  • Û ji kerema xwe re belge belgeyên kronîk binêrin ji edîtorê.

Vê gavên berhemdariya me yên ji bo pêşveçûnên Kûngolî bi WebStorm ji hêla Semal a Google Developer ve dide. Hûn niha hêzdar bûn ku ji bo karûbarên pêşveçûna we pêşve bike û piraniya we ya we di klavyeyê de bikin.

March 1, 2018