Golygu cod ar-lein

Pin
Send
Share
Send

Nid oes gan y rhaglennydd feddalwedd arbennig wrth law bob amser y mae'n gweithio gyda'r cod. Os digwyddodd felly bod angen ichi olygu'r cod, ac nad oes meddalwedd briodol wrth law, gallwch ddefnyddio gwasanaethau ar-lein am ddim. Nesaf, byddwn yn siarad am ddau safle o'r fath ac yn dadansoddi egwyddor gwaith ynddynt yn fanwl.

Golygu cod rhaglen ar-lein

Gan fod nifer fawr o olygyddion o'r fath ac yn syml ni ellir eu hystyried, fe benderfynon ni ganolbwyntio ar ddim ond dau adnodd Rhyngrwyd, sef y rhai mwyaf poblogaidd ac sy'n cynrychioli'r brif set o offer angenrheidiol.

Darllenwch hefyd: Sut i ysgrifennu rhaglen yn Java

Dull 1: CodePen

Ar wefan CodePen, mae llawer o ddatblygwyr yn rhannu eu codau eu hunain, yn arbed ac yn gweithio gyda phrosiectau. Nid oes unrhyw beth cymhleth wrth greu eich cyfrif a dechrau ysgrifennu ar unwaith, ond gwneir hyn fel hyn:

Ewch i CodePen

  1. Agorwch brif dudalen gwefan CodePen gan ddefnyddio'r ddolen uchod a symud ymlaen i greu proffil newydd.
  2. Dewiswch lwybr cofrestru cyfleus ac, yn dilyn y cyfarwyddiadau a roddir, crëwch eich cyfrif eich hun.
  3. Llenwch y wybodaeth am eich tudalen.
  4. Nawr gallwch chi fynd i fyny'r tabiau, ehangu'r ddewislen naidlen "Creu" a dewis eitem "Prosiect".
  5. Yn y ffenestr ar y dde fe welwch y fformatau ffeil a gefnogir a'r ieithoedd rhaglennu.
  6. Dechreuwch olygu trwy ddewis un o'r templedi neu farcio HTML5 safonol.
  7. Bydd yr holl lyfrgelloedd a ffeiliau a grëwyd yn cael eu harddangos ar y chwith.
  8. Mae clicio ar y chwith ar wrthrych yn ei actifadu mewn ffenestr ar y dde yn dangos y cod.
  9. Ar y gwaelod mae botymau i ychwanegu eich ffolderau a'ch ffeiliau eich hun.
  10. Ar ôl creu, enwwch y gwrthrych ac arbedwch y newidiadau.
  11. Ar unrhyw adeg, gallwch fynd i osodiadau'r prosiect trwy glicio LMB ar "Gosodiadau".
  12. Yma gallwch ddod o hyd i wybodaeth sylfaenol - enw, disgrifiad, tagiau, ynghyd ag opsiynau ar gyfer rhagolwg a mewnoli'r cod.
  13. Os nad ydych yn fodlon â'r olygfa gyfredol o'r gweithle, gallwch ei newid trwy glicio ar "Newid Golwg" a dewis y porth gwylio a ddymunir.
  14. Pan fyddwch chi'n golygu'r llinellau cod a ddymunir, cliciwch ar "Arbedwch Bawb + Rhedeg"i arbed pob newid a rhedeg y rhaglen. Mae'r canlyniad a luniwyd i'w weld isod.
  15. Arbedwch y prosiect ar eich cyfrifiadur trwy glicio ar "Allforio".
  16. Arhoswch i'r prosesu gwblhau a lawrlwytho'r archif.
  17. Gan na all y defnyddiwr gael mwy nag un prosiect gweithredol yn fersiwn rhad ac am ddim CodePen, bydd angen i chi ei ddileu os bydd angen i chi greu un newydd. I wneud hyn, cliciwch ar "Dileu".
  18. Rhowch air dilysu a chadarnhewch y dileu.

Uchod, gwnaethom archwilio swyddogaethau sylfaenol gwasanaeth ar-lein CodePen. Fel y gallwch weld, nid yw'n ddrwg nid yn unig golygu'r cod, ond hefyd ei ysgrifennu o'r dechrau, ac yna ei rannu â defnyddwyr eraill. Yr unig anfantais i'r wefan yw'r cyfyngiadau yn y fersiwn am ddim.

Dull 2: LiveWeave

Nawr hoffwn aros ar adnodd gwe LiveWeave. Mae'n cynnwys nid yn unig olygydd cod adeiledig, ond hefyd offer eraill, y byddwn yn siarad amdanynt isod. Mae'r gwaith yn dechrau gyda'r wefan fel hon:

Ewch i wefan LiveWeave

  1. Dilynwch y ddolen uchod i gyrraedd y dudalen olygydd. Yma fe welwch 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 crynhoad.
  2. Gellir ystyried un o nodweddion y wefan hon yn gynghorion wrth deipio tagiau, gallant gynyddu cyflymder teipio ac osgoi gwallau sillafu.
  3. Yn ddiofyn, mae crynhoad yn digwydd yn y modd byw, hynny yw, caiff ei brosesu yn syth ar ôl gwneud y newidiadau.
  4. Os ydych chi am ddadactifadu'r swyddogaeth hon, mae angen i chi symud y llithrydd gyferbyn â'r eitem a ddymunir.
  5. Gerllaw gallwch droi ymlaen ac oddi ar y modd nos.
  6. Gallwch chi ddechrau gweithio gyda rheolwyr CSS trwy glicio ar y botwm cyfatebol yn y panel chwith.
  7. Yn y ddewislen sy'n agor, golygir yr arysgrif trwy symud y llithryddion a newid rhai gwerthoedd.
  8. Nesaf, rydym yn argymell eich bod yn talu sylw i'r canllaw lliw.
  9. Rhoddir palet helaeth i chi lle gallwch ddewis unrhyw gysgod, ac ar y brig bydd ei god yn cael ei arddangos, a ddefnyddir yn ddiweddarach wrth ysgrifennu rhaglenni gyda rhyngwyneb.
  10. Symud i'r ddewislen "Golygydd Fector".
  11. Mae'n gweithio gyda gwrthrychau graffig, a fydd hefyd yn ddefnyddiol weithiau wrth ddatblygu meddalwedd.
  12. Dewislen naidlen agored "Offer". Yma gallwch chi lawrlwytho'r templed, cadw'r ffeil HTML a'r generadur testun.
  13. Mae'r prosiect yn cael ei lawrlwytho fel ffeil sengl.
  14. Os ydych chi am arbed gwaith, yn gyntaf mae'n rhaid i chi fynd trwy'r weithdrefn gofrestru yn y gwasanaeth ar-lein hwn.

Nawr rydych chi'n gwybod sut mae'r cod wedi'i olygu ar wefan LiveWeave. Gallwn argymell defnyddio'r adnodd Rhyngrwyd hwn yn ddiogel, gan fod ganddo lawer o swyddogaethau ac offer sy'n eich galluogi i optimeiddio a symleiddio'r broses o weithio gyda chod y rhaglen.

Dyma gloi ein herthygl. Heddiw gwnaethom gyflwyno dau gyfarwyddyd manwl ichi ar gyfer gweithio gyda chod gan ddefnyddio gwasanaethau ar-lein. Gobeithiwn fod y wybodaeth hon yn ddefnyddiol ac wedi helpu i benderfynu ar y dewis o'r adnodd gwe mwyaf addas ar gyfer gwaith.

Darllenwch hefyd:
Dewis amgylchedd rhaglennu
Rhaglenni ar gyfer creu cymwysiadau Android
Dewiswch raglen i greu gêm

Pin
Send
Share
Send