Code editor online

Anonim

Code editor online

Hindi palagi, ang programmer ay may isang espesyal na software sa kamay sa pamamagitan ng kung saan ito ay gumagana sa ang code. Kung ito ang nangyari na ito ay kinakailangan upang i-edit ang code, at ang kaukulang software ay hindi sa kamay, maaari mong gamitin ang libreng online na serbisyo. Susunod, kami ay makipag-usap tungkol sa dalawang mga naturang site at mga detalye sa detalye sa prinsipyo ng trabaho sa mga ito.

I-edit ang online program code

Dahil mayroong isang malaking bilang ng mga katulad na mga editor at lahat ng bagay ay simple na hindi isaalang-alang, kami ay nagpasya na tumutok ka lamang sa dalawang mga mapagkukunan sa Internet na ay ang pinaka-popular at kumakatawan sa pangunahing hanay ng mga kinakailangang mga tool.

Sa itaas, sinuri namin ang basic function ng online na serbisyo Codepen. Tulad ng iyong nakikita, ito ay hindi masama para sa hindi lamang upang i-edit ang code, ngunit din isulat ito mula sa simula, at pagkatapos ay ibahagi sa ibang mga user. Ang tanging dehado ng site ay paghihigpit sa libreng bersyon.

Pamamaraan 2: LiveWeave

Ngayon Gusto kong manatili sa LiveWeave web mapagkukunan. Ito ay hindi lamang nakapaloob na code editor, kundi pati na rin iba pang mga tool na gagamitin namin makipag-usap ibaba. Trabaho ay nagsisimula sa site na katulad nito:

Pumunta sa LiveWeave website

  1. Sundin ang mga link sa itaas upang makapunta sa page editor. Narito agad mong makita ang apat na bintana. Ang unang code pagsusulat sa HTML5, sa ikalawang - ang JavaScript, sa ikatlong - CSS, at ang resulta ng compilation ay ipinapakita sa ika-apat na.
  2. Apat aktibong mga bintana sa serbisyo LiveWeave

  3. Isa sa mga tampok ng site na ito ay maaaring ituring na pop-up na mga tip kapag nagta-type ng mga tag, pinapayagan nila ang mong taasan ang bilis ng set at maiwasan ang mga error sa pamamagitan ng sulat.
  4. Display Tips sa serbisyo LiveWeave

  5. Sa pamamagitan ng default, compilation ay nangyayari sa Live mode, iyon ay, ito ay naproseso kaagad pagkatapos ng paggawa ng mga pagbabago.
  6. Pagkumpleto sa real time sa serbisyo LiveWeave

  7. Kung nais mong i-deactivate ang tampok na ito, kailangan mong ilipat ang slider sa tapat ng kinakailangang mga item.
  8. Huwag paganahin ang mga awtomatikong compilation sa serbisyo LiveWeave

  9. Kalapit ay makukuha on at off ang mode ng gabi.
  10. Isara ang night mode sa LiveWeave service

  11. Maaari kang magpatuloy sa trabaho sa CSS controllers sa pamamagitan ng pag-click sa naaangkop na pindutan sa kaliwang pane.
  12. Pumunta sa CSS editor sa LiveWeave service

  13. Sa menu na bubukas, ang inskripsyon ay na-edit sa pamamagitan ng paggalaw sa mga slider at baguhin ang ilang mga halaga.
  14. I-edit ang CSS sa serbisyo LiveWeave

  15. Susunod, inirerekumenda namin ang pagbibigay pansin sa ang kulay tiyak na dahilan.
  16. Pumunta sa column browser sa LiveWeave service

  17. Ikaw ay nagbibigay ng isang malawak na palette kung saan maaari kang pumili ng anumang lilim, at ang kodigo nito ay lilitaw sa tuktok, na kung saan ay mamaya na ginagamit kapag pagsulat mga programa sa interface.
  18. Paggawa gamit ang mga kulay browser sa LiveWeave service

  19. Ilipat sa "Vector Editor" menu.
  20. Pumunta sa vector editor sa LiveWeave service

  21. Ito ay gumagana na may graphic na mga bagay, na maaari ring maging kapaki-pakinabang sa panahon ng pagbuo ng software.
  22. Trabaho sa editor vector sa serbisyo LiveWeave

  23. Buksan ang Tools pop-up menu. Dito ay magagamit template load, i-save ang file na HTML at teksto ng generator.
  24. Tumalon sa pag-save sa LiveWeave service

  25. Ang isang proyekto ay nai-download sa anyo ng isang file.
  26. Buksan ang naka-save na dokumento mula LiveWeave service

  27. Kung nais mong i-save ng trabaho, ikaw unang may sa pumunta sa pamamagitan ng mga pamamaraan ng pagpaparehistro sa ito online na serbisyo.
  28. I-save ang proyekto sa serbisyo LiveWeave

Ngayon alam mo kung paano ang code ay na-edit sa LiveWeave website. Maaari naming ligtas na inirerekomenda ang paggamit ng ito sa Internet na mapagkukunan, dahil ito ay may maraming mga tampok at mga tool na nagbibigay-daan sa iyo upang i-optimize at pasimplehin ang proseso ng nagtatrabaho sa ang code na programa.

Sa ito, ang aming artikulo ay nakumpleto. Ngayon kami ay nagpasimula ka ng dalawang detalyadong mga tagubilin para sa nagtatrabaho sa ang code gamit serbisyong online. Umaasa kami ang impormasyon na ito ay kapaki-pakinabang at nakatulong upang magpasya sa pagpili ng pinaka-angkop na mapagkukunan sa web para sa trabaho.

Tingnan din:

Piliin ang programming kapaligiran

Programa para sa paglikha ng android application

Ang pagpili ng isang programa upang lumikha ng isang laro

Magbasa pa