Ang programmer dili kanunay adunay espesyal nga software sa kamot, diin siya nagtrabaho sa code. Kung kini mahitabo nga kinahanglan nimo nga i-edit ang code, ug ang katugbang nga software dili duol, makagamit ka og libre nga serbisyo sa online. Dugang pa nga atong isaysay ang mahitungod sa duha ka mga ingon nga mga site ug pag-analisar sa detalye sa prinsipyo sa pagbuhat niini.
Pag-edit sa code sa programa online
Tungod kay adunay daghan nga ingon nga mga editor ug dili lamang sa paghunahuna sa tanan, nakahukom kami nga ipunting lamang ang duha ka mga kapanguhaan sa online nga labing popular ug nagrepresentar sa sukaran nga hugpong sa gikinahanglan nga mga himan.
Tan-awa usab: Unsaon pagsulat ang Java nga programa
Pamaagi 1: CodePen
Sa CodePen sa site, daghang mga developers ang mipaambit sa ilang kaugalingong mga code, nagtigum ug nagtrabaho uban sa mga proyekto. Walay lisud ang paghimo sa imong account ug magsugod dayon sa pagsulat, apan kini gihimo sama niini:
Lakaw ngadto sa CodePen website
- Ablihi ang main page sa CodePen site gamit ang link sa ibabaw ug magpadayon sa pagmugna og bag-ong profile.
- Pilia ang usa ka sayon nga paagi sa pagrehistro ug, pagsunod sa mga instruksyon nga gihatag, paghimo sa imong kaugalingong account.
- Sulati ang kasayuran mahitungod sa imong panid.
- Karon ikaw makaadto sa tab, pagpalapad sa pop-up menu. "Paghimo" ug pagpili og usa ka butang Ang "Proyekto".
- Sa bintana sa tuo imong makita ang gisuportahan nga mga format sa file ug mga programming languages.
- Sugdi ang pag-edit pinaagi sa pagpili sa usa sa mga templates o standard HTML5 markup.
- Ang tanan nga gimugna nga mga librarya ug mga file ipakita sa wala.
- Ang wala nga pag-klik sa usa ka butang nagpalihok niini. Sa bintana sa tuo, ang code gipakita.
- Sa ubos adunay mga buton nga nagtugot kanimo sa pagdugang sa imong kaugalingong mga folder ug mga file.
- Human sa paglalang, paghatag og ngalan sa butang ug pagluwas sa mga kausaban.
- Sa bisan unsang panahon ikaw mahimong moadto sa mga setting sa proyekto pinaagi sa pag-klik sa "Mga Setting".
- Dinhi mahimo nimong ibutang ang sukaranan nga impormasyon - ang ngalan, paghulagway, mga tag, ingon man usab ang mga sumbanan sa preview ug code indentation.
- Kung ikaw dili matagbaw sa kasamtangan nga panglantaw sa workspace, mahimo nimo kini usbon pinaagi sa pag-klik "Pag-usab sa Tan-aw" ug pilia ang gitinguha nga bintana sa pagtan-aw.
- Sa pag-edit sa gikinahanglan nga mga linya sa code, i-klik "Luwasa ang Tanan + Run"aron sa pagluwas sa tanan nga mga pagbag-o ug pagdumala sa programa. Ang gihugpong nga resulta gipakita sa ubos.
- Luwasa ang proyekto sa imong computer pinaagi sa pag-klik "Pag-export".
- Maghulat hangtud mahuman ang pagproseso ug i-download ang archive.
- Tungod kay ang user dili makabaton og labaw pa kay sa usa ka aktibo nga proyekto sa libre nga bersyon sa CodePen, kini kinahanglan nga papason kung kinahanglan nimo ang usa ka bag-o. Aron mahimo kini, i-klik "Pagdumili".
- Pagsulod sa tsek nga pulong ug kumpirma ang pagtangtang.
Sa ibabaw, among girepaso ang nag-unang gimbuhaton sa CodePen sa serbisyo sa online. Sumala sa imong makita, kini maayo nga dili lamang ma-edit ang code, apan isulat usab kini gikan sa wala, ug dayon ipaambit kini sa uban nga mga tiggamit. Ang bugtong drawback sa site mao ang mga pagdili sa libre nga bersyon.
Pamaagi 2: LiveWeave
Karon gusto kong magpuyo sa LiveWeave web resource. Naglangkob kini dili lamang sa built-in code editor, kondili usab sa ubang mga himan, nga atong hisgutan sa ubos. Ang trabaho sa site magsugod nga sama niini:
Adto sa LiveWeave website
- Sunda ang link sa ibabaw aron makaadto sa editor page. Dinhi makita nimo dayon ang upat ka bintana. Ang una mao ang pagsulat sa code sa HTML5, ang ikaduha mao ang JavaScript, ang ikatulo mao ang CSS, ug ang ikaupat nagpakita sa resulta sa kompilasyon.
- Ang usa sa mga bahin sa niini nga site mahimong giisip isip mga galamiton sa dihang mag-type sa mga tag, kini nagtugot kanimo sa pagdugang sa gikusgon sa pag-type ug paglikay sa mga sayop sa spelling.
- Sa kasagaran, ang kompilasyon mahitabo sa live mode, nga mao, giproseso gilayon human mag-usab.
- Kung gusto nimo nga i-deactivate kini nga function, kinahanglan nimo nga ibalhin ang slider sa atbang sa gusto nga butang.
- Ang anaa sa duol nga anaa sa ug sa gabii nga paagi.
- Mahimo ka magtrabaho kauban ang CSS controllers pinaagi sa pag-klik sa katumbas nga button sa panel sa wala.
- Sa menu nga giablihan, ang label gi-edit pinaagi sa pag-agi sa mga slider ug pag-usab sa pipila ka mga hiyas.
- Sunod, among girekomendar ang pagtagad sa determinant sa mga kolor.
- Gihatagan ka og usa ka malukpanon nga paleta diin ikaw makapili sa bisan unsa nga landong, ug ang kodigo niini ipasundayag sa ibabaw, nga gigamit sa ulahi sa pagsulat sa mga programa nga may interface.
- Padulong sa menu "Editor sa Vector".
- Nagbuhat kini uban sa mga graphic nga mga butang, nga usahay mapuslan usab sa panahon sa pagpalambo sa software.
- Buksan ang popup menu "Mga Himan". Dinhi mahimo nimo i-download ang template, i-save ang HTML file ug text generator.
- Ang proyekto gi-download isip usa ka file.
- Kon gusto ka nga makaluwas sa trabaho, kinahanglan una nga moagi ka sa proseso sa pagparehistro sa niini nga online nga serbisyo.
Karon nahibal-an nimo kung unsaon pag-usab ang code sa LiveWeave. Kita luwas nga morekomendar sa paggamit niini nga kapanguhaan sa Internet, tungod kay adunay daghan nga mga gimbuhaton ug mga himan niini nga nagtugot sa pag-optimize ug pagpasimple sa proseso sa pagtrabaho sa code sa programa.
Kini naghinapos sa among artikulo. Karon kami naghatag kanimo og duha ka detalyado nga instruksyon alang sa pagtrabaho uban ang code gamit ang serbisyo sa online. Nanghinaut kami nga kini nga impormasyon mapuslanon ug nakatabang sa pagtino sa pagpili sa labing angay nga kapanguhaan sa web alang sa trabaho.
Tan-awa usab:
Pagpili sa usa ka programming environment
Mga programa alang sa paghimo sa mga aplikasyon sa Android
Pagpili og usa ka programa sa pagmugna og dula
