Agus tú ag obair ar thionscadal casta, is cuma más ríomhchláraitheoir taithí nó fear úr tú, is dócha go n-éireoidh leat fadhbanna. Nuair a scoilteann tú do thionscadal i go leor modúl, tagann ceisteanna chun cinn, rud a fhágann go bhfuil sé níos deacra earráidí a rianú agus réitigh a fháil. I gcúinsí eile, d'fhéadfadh sé a bheith deacair cásanna aonair a dhífhabhtú mar nach bhfuil an réiteach ceart ar an bhfadhb a raibh tú ag obair uirthi aimsithe agat.
Tarlaíonn sé freisin mar phíosa cód uaireanta, rud a d'fhéadfadh breathnú casta ag an am. Tá JavaScript ar cheann de na teangacha Gréasán-bhunaithe atá thar a bheith simplí le foghlaim. Níl le déanamh ach do bhrabhsálaí deisce a sheoladh agus déan nascleanúint chuig Uirlisí Forbróra (F12 de ghnáth), agus tá tú críochnaithe! Is féidir leat triail a bhaint as JS ansin gan a bheith riachtanach aon bhogearraí casta a shuiteáil nó a rith.
Chun tús a chur leis, níl uait ach brabhsálaí. Is iontach an tsimplíocht seo go léir a bheith fágtha amach as an mbosca, ach tá ócáidí ann nuair a bhíonn níos mó de dhíth ort. Mar shampla, is dócha gur mhaith leat triail a bhaint as API Gréasáin nua a d'aimsigh tú le déanaí ach nach bhfuil tú ag iarraidh tionscadal nua a thosú.
Sa phost seo, déanfaimid comparáid agus codarsnacht idir na trí chlós súgartha JS is coitianta, CodePen, CodeSandbox, agus StackBlitz. Ar aghaidh linn!
CodePen
Tá uirlisí forbartha gréasáin Frontend ag teacht chun cinn i gcónaí, agus is cuid mhór de na teicneolaíochtaí is déanaí iad eagarthóirí téacs a dhéanann saol an fhorbróra níos simplí. Seachas eagarthóirí téacs neamhspleácha ar nós Atom nó Notepad ++, tá borradh mór tagtha ar eagarthóirí brabhsálaí-bhunaithe le blianta beaga anuas nach bhfuil suiteáil cláir ag teastáil uathu agus nach gcuireann siad comhoibriú níos mó chun cinn.
Is “pobal ar líne é CodePen chun sníomhanna cód HTML, CSS agus JavaScript cruthaithe ag úsáideoirí a thástáil agus a chur i láthair” a thugann deiseanna iontacha chun foghlaim conas leathanaigh ghréasáin tosaigh a scríobh ar bhealach níos fearr.
Tugann CodePen dhá “mhód.” Is é an Peann an chéad cheann agus an ceann is coitianta a úsáidtear. Tá sé chomh simplí le cliceáil ar chnaipe agus é a iompar díreach chuig an eagarthóir. Ón áit sin, is féidir leat rochtain a fháil ar phainéal réamhamhairc chomh maith le fuinneoga bunúsacha eagarthóireachta HTML, CSS agus JS.
Níl aon "córas comhaid," "IntelliSense," nó aon rud eile - ach béim ar chomhréir simplí agus orduithe tapa mar prettify. Sa chluaisín roghanna, is féidir leat a roghnú ó raon srianta réamhphróiseálaithe do na trí theanga go léir (cosúil le TypeScript do JS) nó naisc a chur le foinsí seachtracha.
Mura dteastaíonn uait ach aon rud a dhéanamh saor in aisce, is leor ceachtar den dá eagarthóir. Mholfainn CodePen do rud ar bith nach dteastaíonn go leor socruithe nó leabharlanna uaidh - go simplí HTML, CSS, agus JS le réamhphróiseálaithe roghnacha ar an mbarr. Más mian leat an clós súgartha a úsáid chun do láithreacht meáin shóisialta a fheabhsú nó punann pearsanta a fhorbairt, is rogha níos fearr é CodePen.
Leagan Préimhe
Tá roinnt roghanna eile agat le roghnú astu ar CodePen. Má íocann tú go bliantúil, is féidir leat ceann de thrí phlean préimhe a fháil ar $12, $19, nó $39 gach mí. Féadfaidh tú líon gan teorainn pinn, postálacha agus bailiúcháin phríobháideacha a chruthú ar aon cheann de na trí shraith.
Gheobhaidh tú freisin an suaitheantas Pro (ardú sóisialta), rochtain ar mhodh comhoibrithe beo, gan aon fhógraíocht agus go leor eile. Tá straitéisí áirithe a bhaineann go sonrach leis an bhfoireann agus idirdhealú tras-sraith eile ann freisin. Breathnaigh ar a mbord billeála oifigiúil le haghaidh tuilleadh faisnéise.
Gnéithe Príomhghnéithe
Seachas HTML, CSS, agus JavaScript a chruthú i CodePen, tá roinnt rudaí eile ann a leagann amach é.
- Is féidir féachaint ar do chód i bhfíor-am. Ní éilíonn sé tiomsú.
- Ligeann turgnamh duit rudaí nua a fhoghlaim.
- Cruthaigh cásanna tástála bídeacha chun fadhbanna a chuardach agus aghaidh a thabhairt orthu.
- Taispeáin do shaothair iontacha.
- Cruthaigh agus stóráil pinn le húsáid níos déanaí.
- Bain triail as cód forbróirí eile agus féach i ngníomh é.
buntáistí
- Chun tús a chur, níl aon chostas.
- Acmhainní foghlama ionsuite.
- Comhoibriú le daoine eile agus tionscadail a chur i gcomparáid lena fheiceáil cá háit ar féidir leo dul sa todhchaí.
- Tá an Chomhéadain simplí le húsáid agus simplí.
Míbhuntáistí
- Tá leabharlann na gcód beag, níl críochnú cód uathoibríoch leordhóthanach. Tá sé go maith do thionscadail aon-leathanach agus ní féidir aon rud a láimhseáil níos mó.
- Ar CodePen, is féidir leat pinn phríobháideacha a chruthú, ach beidh ort ballraíocht Pro a uasghrádú ($ 9 / mí).
bosca gainimh cód
Is eagarthóir cód gréasán-bhunaithe é CodeSandbox. Déanann sé trasghalú, pacáistiú agus bainistíocht spleáchais a uathoibriú duit, rud a ligeann duit tionscadal nua a thógáil le cliceáil amháin. Tar éis duit rud éigin suimiúil a chruthú, is féidir leat é a roinnt le daoine eile tríd an suíomh Gréasáin a roinnt.
Tá an t-eagarthóir comhoiriúnach le haon tionscadal JavaScript, cé go n-áirítear ann gnéithe áirithe React-sonrach, mar an rogha chun an tionscadal a shábháil i dteimpléad cruthaigh-imoibríoch-app.
Tosaíonn aon tionscadal a thógann tú i CodeSandbox le teimpléad. Féadfaidh baint a bheith aige le leabharlann, creat nó am rite ar leith (lena n-áirítear Node.js) nó úsáid a bhaint as teicneolaíochtaí caighdeánacha gréasáin. Tar éis teimpléad a roghnú, seoltar chuig an eagarthóir thú, áit a bhfaighidh tú na comhaid riachtanacha go léir agus an fhuinneog réamhamhairc atá oscailte cheana féin.
Tá rochtain agat ar “chóras comhaid” i ngach Bosca Gainimh, rud a chiallaíonn gur féidir leat comhaid nua a chruthú, modúil a úsáid (pacáistí NPM san áireamh), agus idirghníomhú le sócmhainní statacha. Tá deis ann freisin na comhaid chumraíochta a bhaineann go sonrach leis an teimpléad a mhodhnú.
Is féidir leat do theimpléid féin a thógáil fiú do do chás úsáide uathúil, chomh maith le struchtúr comhaid agus spleáchais, cosúil le IDE. Toisc go bhfuil an uirlis nasctha le Github, is féidir leat gealltanais a ghiniúint go tapa agus PRanna a oscailt. Is féidir leat d’iarratas a imscaradh chuig ZEIT nó Netlify láithreach bonn.
CodeSandbox Team Pro
Tá CodeSandbox, gnó Ollainnis a ligeann d’fhorbróirí bosca gainimh forbartha app gréasáin brabhsálaí-bhunaithe a thógáil, tar éis ardán comhoibrithe a scaoileadh go hoifigiúil a ligeann d’fhoirne oibriú ar chód sa scamall. Is réiteach gan chóid é an táirge nua, Team Pro, a tógadh d'fhoirne táirgí iomlána, ó dhearthóirí agus bainisteoirí go foirne dearbhaithe cáilíochta (QA) agus níos faide anonn.
Cuirtear tionscadail ar fáil i gcomhéadan atá éasca le húsáid d’aon duine ar mian leo athruithe a dhéanamh nó glacadh le feidhmchlár gréasáin, ag seachaint modhanna malartacha ar nós nótaí agus moltaí a sheoladh chuig forbróirí chun na hathruithe a chur i gcrích, iad a thabhairt ar ais le haghaidh plé, agus an próiseas a athrá.
Gnéithe Príomhghnéithe
- Tá eagarthóir cód gréasán-bhunaithe agus uirlis fhréamhshamhail.
- Le húsáid áitiúil, is féidir bosca gainimh a íoslódáil go héasca i gcomhad zip.
- Clárú a dhéantar i mboscaí gainimh, is féidir a roinnt go héasca le coworkers.
buntáistí
- Taithí úsáideora feabhsaithe agus smacht níos fearr ar an eagarthóir.
- Is féidir an ghné réamhamharc beo a mhodhnú agus a fheiceáil i bhfuinneog ar leith.
- Déantar an cód a fhormáidiú go huathoibríoch agus folaíonn sé CLI (codesandbox-cli)
- Tacaíocht do mhodúil npm chun cinn.
- Teachtaireachtaí earráide deasa le moltaí.
- Feabhsaíonn sé an t-eispéireas dífhabhtaithe trí chríochfort, breathnóir tástála agus breathnóir eisiúna níos fearr a sholáthar.
Míbhuntáistí
- Tá an tomhaltóir deiridh nochta do go leor pearsanuithe.
- Ní oibríonn tarraingt agus titim comhad ó ríomhaire áitiúil i gceart.
- Ní mór struchtúr fillteáin áirithe a leanúint i CodeSandbox.
- Níl feidhmiúlacht bosca gainimh príobháideach ar fáil ach do phátrúin.
StackBlitz
Is IDE ar líne atá faoi thiomáint ag an gCód Stiúideo Amharc é StackBlitz le haghaidh feidhmchláir ghréasáin. Tá an t-ardán chomh sofhreagrach agus chomh inoiriúnaithe leis an leagan deisce. Is IDE ar líne é StackBlitz a thagann réamhluchtaithe leis Uillinn agus Imoibriú uirlisí forbartha.
Thóg Thinkster.io an tionscadal iontach sin chun é a dhéanamh chomh simplí agus is féidir tús a chur le do thionscadal Angular or React gan a bheith buartha faoi shuiteáil spleáchais nó socruithe tógála. Soláthraíonn StackBlitz a lán gnéithe iontacha agus uathúla nach bhfuil ag aon eagarthóir cód ar líne eile faoi láthair. Mar thoradh air sin, is fiú go mór imscrúdú breise a dhéanamh ar StackBlitz agus fáil amach cad atá le tairiscint ag an IDE ar líne seo.
Tá Stackblitz an-inchomparáide leis an IDE iomlán, go háirithe más rud é nach féidir leat slán a fhágáil le cód VS toisc go bhfuil an uirlis bunaithe air. Tá gnéithe éagsúla sa phacáiste a ligeann duit tosú agus leanúint ar aghaidh ag cruthú feidhmchlár lánchruach.
Tá an clár faoi thiomáint ag Visual Studio, a bhfuil aithne mhaith i measc na forbróirí. Is í eagarthóireacht as líne gné sheasta an tionscadail. Chun é seo a dhéanamh, chruthaigh foireann Stackblitz freastalaí gréasáin in-bhrabhsálaí. De réir mar a chlóscríobhann tú, déanann sé spleáchais a shuiteáil go huathoibríoch, tiomsaíonn sé, cuachta, agus déanann sé athlódáil te.
Leagan Préimhe
Tá Dalta, Spásaire, agus Ceannasaí ar fáil saor in aisce, $8/mí, agus $29/mí, faoi seach. Áiríonn spásaire agus ceannasaí roinnt gnéithe cosúil le tionscadail phríobháideacha neamhtheoranta, uaslódála neamhtheoranta comhad, cuireadh chuig cainéal bog na foirne lárnacha, agus mar sin de. Le haghaidh tuilleadh faisnéise, féach an bord billeála oifigiúil.
Gnéithe Príomhghnéithe
- Ag cur pacáistí NPM le do thionscadal.
- A bhuí le freastalaí dev in-bhrabhsálaí nua, is féidir leat eagarthóireacht a dhéanamh agus tú as líne.
- URL aipe óstaithe a ligeann dúinn ár n-aip bheo a rochtain (agus a roinnt) ag am ar bith.
- Áirítear ar ghnéithe suntasacha eile Cód Amharc-Stiúideo Intellisense, Project Search (Cmd/Ctrl+P), Téigh go Sainmhíniú, agus cinn eile.
buntáistí
- Cumais Firebase maidir le himscaradh.
- Tá an t-eagarthóir thar a bheith éasca le húsáid agus thar a bheith tapa.
- Tá rochtain ag úsáideoirí ar package.json, index.html, agus index.js.
- Cód foinse inroinnte is féidir a neadú freisin.
- Réamhamharc beo ar chuid mhór den leathanach, leis an rogha a oscailt ar leathanach eile más gá.
- Cé gur As Líne, Eagarthóireacht
- Críochnú cliste agus Intellisense feabhsaithe.
- Is é croílár Stackblitz foinse oscailte.
Míbhuntáistí
- Níl tionchar agat ar an bhfoirgneamh ná ar an bhfreastalaí forbróra toisc go bhfuil siad sin á mbainistiú ag an ordú create-react-app.
- In React, ba cheart struchtúr fillteán bunúsach a urramú.
- Ní féidir cód a fhormáidiú go huathoibríoch, cé gur féidir é a dhéanamh de láimh.
Conclúid
Sa lá atá inniu ann, is féidir clós súgartha códaithe cosúil leis na cinn atá feicthe againn thuas a úsáid chun aon tionscadal gréasáin a thógáil go hiomlán. Ní gá IDEanna an-tromchúiseacha a shuiteáil ar do ríomhaire nuair is féidir leat a thógáil, a dhífhabhtú, a thástáil agus a imscaradh go díreach ó do bhrabhsálaí gréasáin.
Is é mo thuairim go mbeadh StackBlitz níos fearr ina measc toisc gur IDE bunaithe ar an ngréasán é a cheadaíonn JavaScript, Angular, agus tionscadail forbartha eile díreach as an mbosca, gan aon ghá le haon timpeallachtaí forbartha áitiúla a shuiteáil cosúil le Node.js, npm, nó uilleach. Soláthraíonn sé an taithí chéanna agus a úsáideann Visual Studio Code go háitiúil. I ndáiríre, toisc go bhfuil StackBlitz tiomáinte ag Visual Studio Code, mothaíonn sé chomh tapa agus chomh versatile leis an leagan deisce.
Cé acu ceann de CodePen, CodeSandbox, agus StackBlitz arb é an t-uirlis chun tú féin a úsáid? Cuir in iúl dúinn sna tuairimí.
Abbatyya
Go raibh maith agat as an alt iontach seo, a luaithe a chonaic mé stackblitz.com, tá a fhios agam gurb é seo a theastaíonn uaim.