Nid oes gan y rhaglennydd feddalwedd arbennig wrth law bob amser, y mae'n gweithio gyda'r cod drwyddi. Os yw'n digwydd felly bod angen i chi olygu'r cod, ac nad yw'r feddalwedd gyfatebol wrth law, gallwch ddefnyddio'r gwasanaethau ar-lein am ddim. Ymhellach, byddwn yn sôn am ddau safle o'r fath ac yn dadansoddi'n fanwl yr egwyddor o waith ynddynt.
Golygu cod y rhaglen ar-lein
Gan fod nifer fawr o olygyddion o'r fath ac nid yn unig i'w hystyried i gyd, fe benderfynon ni ganolbwyntio ar y ddwy adnodd ar-lein sydd fwyaf poblogaidd ac sy'n cynrychioli'r set sylfaenol o offer angenrheidiol.
Gweler hefyd: Sut i ysgrifennu rhaglen Java
Dull 1: CodePen
Ar y safle CodePen, mae llawer o ddatblygwyr yn rhannu eu codau eu hunain, yn arbed ac yn gweithio gyda phrosiectau. Nid oes dim anodd creu eich cyfrif a dechrau ysgrifennu ar unwaith, ond gwneir hyn fel hyn:
Ewch i wefan CodePen
- Agorwch brif dudalen gwefan CodePen gan ddefnyddio'r ddolen uchod a symud ymlaen i greu proffil newydd.
- Dewiswch ffordd gyfleus o gofrestru ac, yn dilyn y cyfarwyddiadau a roddwyd, crëwch eich cyfrif eich hun.
- Llenwch y wybodaeth am eich tudalen.
- Nawr gallwch chi fynd i fyny'r tab, ehangu'r ddewislen pop-up. "Creu" a dewis eitem "Prosiect".
- Yn y ffenestr ar y dde fe welwch y fformatau ffeiliau a gefnogir a'r ieithoedd rhaglennu.
- Dechreuwch olygu trwy ddewis un o'r templedi neu farc HTML5 safonol.
- Bydd pob llyfrgell a ffeil a grëwyd yn cael eu harddangos ar y chwith.
- Mae clicio ar y gwrthrych yn ei ysgogi.Yn y ffenestr ar y dde, mae'r cod yn cael ei arddangos.
- Ar y gwaelod mae botymau sy'n eich galluogi i ychwanegu eich ffolderi a'ch ffeiliau eich hun.
- Ar ôl eu creu, rhowch enw i'r gwrthrych ac achubwch y newidiadau.
- Ar unrhyw adeg gallwch fynd i leoliadau prosiect trwy glicio ar y "Gosodiadau".
- Yma gallwch osod y wybodaeth sylfaenol - yr enw, y disgrifiad, y tagiau, yn ogystal â pharamedrau'r rhagddangosiad a'r indentation cod.
- Os nad ydych chi'n fodlon ar olygfa gyfredol y gweithle, gallwch ei newid drwy glicio arno "Newid Golwg" a dewiswch y ffenestr wylio a ddymunir.
- Pan fyddwch yn golygu'r llinellau cod angenrheidiol, cliciwch ar "Save All + Run"i achub pob newid a rhedeg y rhaglen. Dangosir y canlyniad a luniwyd isod.
- Cadwch y prosiect ar eich cyfrifiadur trwy glicio arno "Allforio".
- Arhoswch nes bod y prosesu wedi'i gwblhau a lawrlwythwch yr archif.
- Gan na all y defnyddiwr gael mwy nag un prosiect gweithredol yn fersiwn rhad ac am ddim CodePen, bydd yn rhaid ei ddileu os oes angen i chi greu un newydd. I wneud hyn, cliciwch ar "Dileu".
- Rhowch y gair gwirio a chadarnhewch y dilead.
Uchod, gwnaethom adolygu swyddogaethau sylfaenol y gwasanaeth ar-lein CodePen. Fel y gwelwch, mae nid yn unig yn addas ar gyfer golygu'r cod, ond hefyd ei ysgrifennu o'r dechrau, ac yna ei rannu â defnyddwyr eraill. Yr unig anfantais yn y safle yw cyfyngiadau yn y fersiwn rhad ac am ddim.
Dull 2: LiveWeave
Nawr hoffwn i aros ar adnodd gwe LiveWeave. Mae'n cynnwys nid yn unig y golygydd cod adeiledig, ond hefyd offer eraill, y byddwn yn eu trafod isod. Mae'r gwaith gyda'r safle yn dechrau fel hyn:
Ewch i wefan LiveWeave
- Dilynwch y ddolen uchod i gyrraedd y dudalen olygyddion. Yma fe welwch chi bedair ffenestr ar unwaith. Y cyntaf yw ysgrifennu cod yn HTML5, yr ail yw JavaScript, y trydydd yw CSS, ac mae'r pedwerydd yn dangos canlyniad y casgliad.
- Gellir ystyried un o nodweddion y wefan hon fel arfau wrth deipio tagiau, maent yn caniatáu i chi gynyddu cyflymder teipio ac osgoi camgymeriadau sillafu.
- Yn ddiofyn, mae casglu yn digwydd mewn modd byw, hynny yw, ei brosesu ar unwaith ar ôl gwneud newidiadau.
- Os ydych chi eisiau dadweithredu'r swyddogaeth hon, mae angen i chi symud y llithrydd gyferbyn â'r eitem a ddymunir.
- Gerllaw ar gael yn y modd nos ac oddi arno.
- Gallwch fynd i weithio gyda rheolwyr CSS trwy glicio ar y botwm cyfatebol yn y panel ar y chwith.
- Yn y ddewislen sy'n agor, caiff y label ei olygu trwy symud y llithrwyr a newid gwerthoedd penodol.
- Nesaf, rydym yn argymell rhoi sylw i benderfynydd lliwiau.
- Cewch balet helaeth lle gallwch ddewis unrhyw gysgod, a bydd ei god yn cael ei arddangos ar y brig, a ddefnyddir yn ddiweddarach wrth ysgrifennu rhaglenni gyda rhyngwyneb.
- Symudwch i'r fwydlen "Golygydd fector".
- Mae'n gweithio gyda gwrthrychau graffig, a fydd hefyd weithiau'n ddefnyddiol wrth ddatblygu meddalwedd.
- Agorwch y naidlen "Tools". Yma gallwch lawrlwytho'r templed, arbed y ffeil HTML a'r generadur testun.
- Mae'r prosiect yn cael ei lawrlwytho fel un ffeil.
- Os ydych chi am arbed gwaith, yn gyntaf bydd rhaid i chi fynd drwy'r weithdrefn gofrestru yn y gwasanaeth ar-lein hwn.
Nawr rydych chi'n gwybod sut i olygu'r cod ar LiveWeave. Gallwn argymell yn ddiogel eich bod yn defnyddio'r adnodd Rhyngrwyd hwn, gan fod llawer o swyddogaethau ac arfau arno sy'n caniatáu optimeiddio a symleiddio'r broses o weithio gyda chod y rhaglen.
Mae hyn yn gorffen ein herthygl. Heddiw rydym wedi rhoi dau gyfarwyddyd manwl i chi ar gyfer gweithio gyda chod gan ddefnyddio gwasanaethau ar-lein. Gobeithiwn fod y wybodaeth hon yn ddefnyddiol ac wedi helpu i bennu dewis yr adnodd gwe mwyaf addas ar gyfer gwaith.
Gweler hefyd:
Dewis amgylchedd rhaglennu
Rhaglenni ar gyfer creu cymwysiadau Android
Dewiswch raglen i greu gêm