Editor kod dalam talian

Tidak semestinya, programmer mempunyai perisian khas di tangan yang berfungsi dengan kod tersebut. Sekiranya berlaku, perlu mengedit kod, dan perisian yang sepadan tidak ada, anda boleh menggunakan perkhidmatan dalam talian percuma. Seterusnya, kami akan membincangkan tentang dua laman web dan terperinci dengan terperinci prinsip kerja di dalamnya.

Edit kod program dalam talian

Oleh kerana terdapat sejumlah besar editor serupa dan segala-galanya mudah untuk tidak dipertimbangkan, kami memutuskan untuk menumpukan perhatian hanya pada dua sumber Internet yang paling popular dan mewakili set utama alat yang diperlukan.

Di atas, kami mengkaji semula fungsi asas perkhidmatan dalam talian Codepen. Seperti yang anda lihat, ia tidak buruk untuk bukan sahaja untuk mengedit kod, tetapi juga menulis dari awal, dan kemudian berkongsi dengan pengguna lain. Satu-satunya kelemahan laman web ini adalah sekatan dalam versi percuma.

Kaedah 2: LiveWeave

Sekarang saya ingin kekal di sumber web LiveWeave. Ia bukan sahaja bukan sahaja editor kod terbina dalam, tetapi juga alat lain yang akan kami cakap di bawah. Kerja bermula dengan laman web seperti ini:

Pergi ke laman web LiveWeave

1. Ikut pautan di atas untuk sampai ke halaman editor. Di sini anda segera melihat empat tingkap. Penulisan kod pertama dalam HTML5, di kedua - JavaScript, di ketiga - CSS, dan hasil penyusunan ditunjukkan pada keempat.



2. Salah satu ciri laman web ini boleh dianggap tips pop timbul apabila menaip tag, mereka membolehkan anda meningkatkan kelajuan set dan mengelakkan kesilapan secara bertulis.



3. Secara lalai, kompilasi berlaku dalam mod secara langsung, iaitu, ia diproses dengan serta-merta selepas membuat perubahan.



4. Jika anda ingin menyahaktifkan ciri ini, anda perlu memindahkan gelangsar bertentangan dengan item yang diperlukan.



5. Berdekatan boleh disediakan di dalam mod Malam.



6. Anda boleh meneruskan untuk bekerja dengan pengawal CSS dengan mengklik pada butang yang sesuai di anak tetingkap kiri.



7. Dalam menu yang dibuka, tulisan itu disunting dengan menggerakkan slider dan menukar nilai tertentu.



8. Seterusnya, kami mencadangkan memberi perhatian kepada penentu warna.



9. Anda menyediakan palet yang luas di mana anda boleh memilih mana-mana tempat teduh, dan kodnya akan muncul di bahagian atas, yang kemudiannya digunakan semasa menulis program dengan antara muka.



10. Pindah dalam menu "Editor Vektor".



11. Ia berfungsi dengan objek grafik, yang juga berguna pada masa membangunkan perisian.



12. Buka menu Pop-up Alat. Berikut adalah pemuatan templat yang tersedia, simpan fail HTML dan penjana teks.



13. Projek dimuat turun dalam bentuk satu fail.



14. Sekiranya anda ingin menyimpan kerja, anda perlu melalui prosedur pendaftaran dalam perkhidmatan dalam talian ini.

Sekarang anda tahu bagaimana kod tersebut diedit di laman web LiveWeave. Kami dengan selamat boleh mengesyorkan menggunakan sumber internet ini, kerana ia mempunyai banyak ciri dan alat yang membolehkan anda mengoptimumkan dan memudahkan proses bekerja dengan kod program.

Mengenai ini, artikel kami selesai. Hari ini kami telah memperkenalkan anda dua arahan terperinci untuk bekerja dengan kod menggunakan perkhidmatan dalam talian. Kami berharap maklumat ini berguna dan membantu menentukan pilihan sumber web yang paling sesuai untuk kerja.

Lihat juga:

Pilih persekitaran pengaturcaraan

Program untuk membuat aplikasi Android

Memilih program untuk membuat permainan