Уредување преку интернет код

Pin
Send
Share
Send

Не секогаш програмерот располага со посебен софтвер преку кој работи со кодот. Ако се случи така, треба да го уредувате кодот и да нема пригоден софтвер, можете да користите бесплатни мрежни услуги. Следно, ќе разговараме за две вакви страници и детално ќе го анализираме принципот на работа во нив.

Уредување на програмскиот код на Интернет

Бидејќи има голем број вакви уредници и тие едноставно не можат да се земат предвид, решивме да се фокусираме на само два Интернет-ресурси, кои се најпопуларни и претставуваат главен пакет на потребни алатки.

Прочитајте исто така: Како да напишете програма во Јава

Метод 1: CodePen

На веб-страницата CodePen, многу развивачи споделуваат свои кодови, заштедуваат и работат со проекти. Нема ништо комплицирано во креирањето на вашата сметка и веднаш започнете да пишувате, но ова се прави вака:

Одете во CodePen

  1. Отворете ја главната страница на веб-страницата CodePen користејќи ја врската погоре и продолжете да создавате нов профил.
  2. Изберете удобен пат за регистрација и следете ги дадените упатства, креирајте своја сметка.
  3. Пополнете ги информациите за вашата страница.
  4. Сега можете да отидете на јазичињата, да го проширите менито што се појавува "Креирај" и изберете ставка „Проект“.
  5. Во прозорецот десно, ќе ги видите поддржаните формати на датотеки и јазиците за програмирање.
  6. Започнете со уредување со избирање на една од шаблоните или стандардно обележување HTML5.
  7. Сите создадени библиотеки и датотеки ќе бидат прикажани лево.
  8. Левото кликнување на некој предмет го активира во прозорецот од десната страна, го прикажува кодот.
  9. На дното има копчиња за додавање на свои папки и датотеки.
  10. По креирањето, именувајте го предметот и зачувајте ги промените.
  11. Во секое време, можете да отидете на поставките на проектот со кликнување на LMB на "Подесувања".
  12. Овде можете да најдете основни информации - име, опис, ознаки, како и опции за прегледување и вовлекување на шифрата.
  13. Ако не сте задоволни од тековниот поглед на работниот простор, можете да го промените со кликнување на "Променете го погледот" и избирање на саканиот преглед.
  14. Кога ги уредувате посакуваните линии на код, кликнете на "Зачувај ги сите + работи"да ги зачувате сите промени и да ја стартувате програмата. Составениот резултат е прикажан подолу.
  15. Зачувајте го проектот на вашиот компјутер со кликнување на „Извоз“.
  16. Почекајте обработката да ја заврши и преземете архивата.
  17. Бидејќи корисникот не може да има повеќе од еден активен проект во бесплатната верзија на CodePen, ќе треба да го избришете ако треба да создадете нов. За да го направите ова, кликнете на "Избриши".
  18. Внесете збор за верификација и потврдете го бришењето.

Погоре, ги испитавме основните функции на онлајн услугата CodePen. Како што можете да видите, не е лошо не само за уредување на кодот, туку и за пишување од нула, а потоа и за споделување со други корисници. Единствениот недостаток на страницата е ограничувањата во бесплатната верзија.

Метод 2: LiveWeave

Сега би сакал да живеам на веб-ресурсот LiveWeave. Содржи не само вграден уредувач на код, туку и други алатки, за кои ќе разговараме подолу. Работата започнува со страницата како оваа:

Одете на веб-страницата LiveWeave

  1. Следете ја врската погоре за да стигнете до страницата на уредникот. Овде веднаш ќе видите четири прозорци. Првиот е пишување код во HTML5, вториот е JavaScript, третиот е CSS, а четвртиот го покажува резултатот од компилацијата.
  2. Една од карактеристиките на оваа страница може да се смета за совети за алатки при пишување ознаки, тие можат да ја зголемат брзината на пишување и да избегнуваат правописни грешки.
  3. Стандардно, компилацијата се одвива во режим во живо, односно се обработува веднаш по извршените измени.
  4. Ако сакате да ја деактивирате оваа функција, треба да го преместите лизгачот спроти саканата ставка.
  5. Во близина можете да го вклучите и исклучите ноќниот режим.
  6. Можете да започнете да работите со контролорите CSS со кликнување на соодветното копче во левиот панел.
  7. Во менито што се отвора, натписот се уредува со движење на лизгачите и промена на одредени вредности.
  8. Следно, препорачуваме да обрнете внимание на водичот за бои.
  9. Ви е обезбедена широка палета каде можете да изберете која било сенка, а нејзиниот код ќе биде прикажан на горниот дел, кој подоцна се користи при пишување програми со интерфејс.
  10. Преместете во менито "Уредник на вектор".
  11. Работи со графички предмети, кои понекогаш ќе бидат корисни за време на развојот на софтвер.
  12. Отворете скокачко мени "Алатки". Овде можете да го преземете образецот, да ја зачувате HTML-датотеката и генераторот на текст.
  13. Проектот се презема како единечна датотека.
  14. Ако сакате да заштедите работа, прво треба да поминете низ постапката за регистрација во оваа онлајн услуга.

Сега знаете како се уредува кодот на веб-страницата LiveWeave. Со сигурност можеме да препорачаме користење на овој Интернет ресурс, бидејќи има многу функции и алатки кои ви овозможуваат да го оптимизирате и поедноставувате процесот на работа со програмски код.

Ова го заклучува нашиот напис. Денес ви презентиравме две детални упатства за работа со код со користење на мрежни услуги. Се надеваме дека овие информации беа корисни и помогнаа да се утврди изборот на најпогоден веб-ресурс за работа.

Прочитајте исто така:
Избор на средина за програмирање
Програми за создавање апликации со Android
Изберете програма за да креирате игра

Pin
Send
Share
Send