Online Code Redaktioun

Pin
Send
Share
Send

Net ëmmer de Programméierer huet speziell Software zur Verfügung, duerch déi hie mam Code schafft. Wann et esou geschitt ass datt Dir de Code muss änneren, an et gëtt keng passend Software zur Verfügung, kënnt Dir gratis Online Servicer benotzen. Als nächst wäerte mir iwwer zwee esou Site schwätzen an am Detail de Prinzip vun der Aarbecht an hinnen analyséieren.

Programmcode online änneren

Well et eng grouss Zuel vun esou Editeure sinn a si einfach net kënnen berécksiichtegt sinn, hu mir beschloss nëmmen op zwee Internetressourcen ze fokusséieren, déi beléifsten sinn an d'Haaptrei vun néideg Tools vertrieden.

Liest och: Wéi e Programm op Java ze schreiwen

Method 1: CodePen

Op der CodePen Websäit deelen vill Entwéckler hir eege Coden, späicheren a schaffe mat Projete. Et gëtt näischt komplizéiert beim Konto erstellen an direkt ufänken ze schreiwen, awer dëst gëtt esou gemaach:

Gitt op CodePen

  1. Öffnen d'Haaptsäit vun der CodePen Websäit mam Link hei uewen a fuert e neie Profil un.
  2. Wielt e passenden Umeldungswee a follegt d'Instruktioune mat Ärem eegene Kont.
  3. Fëllt d'Informatioun iwwer Är Säit aus.
  4. Elo kënnt Dir d'Tabellen eropgoen, de Pop-up Menu ausbauen "Erstellen" a wielt Element "Projet".
  5. An der Fënster uewe riets gesitt Dir déi ënnerstëtzt Dateiformate an Programméierungssproochen.
  6. Fänkt un ze änneren andeems Dir ee vun de Template oder Standard HTML5 Markup wielt.
  7. All erstallt Bibliothéiken an Dateien ginn op der lénker ugewisen.
  8. Lénks klickt op en Objet aktivéiert et an enger Fënster uewe weist de Code.
  9. Um Buedem sinn do Knäppchen fir Är eege Classeure an Dateien ze addéieren.
  10. Nom Schafe, nennt den Objet an späichert d'Ännerungen.
  11. Zu all Moment kënnt Dir op d'Projet Astellunge goen andeems Dir op LMB klickt "Astellungen".
  12. Hei fannt Dir Basisinformatioun - Numm, Beschreiwung, Tags, souwéi Optiounen fir de Code virzebauen an z'ënnerhalen.
  13. Wann Dir net zefridden sidd mat der aktueller Sicht vum Aarbechtsberäich, kënnt Dir et änneren andeems Dir op klickt "Ännerung View" a wielt de gewënschte Viewport.
  14. Wann Dir déi gewënschte Code Linnen ännert, klickt op "Späichert all + Run"fir all Ännerungen ze späicheren an de Programm ze lafen. D'kompiléiert Resultat gëtt ënnendrënner ugewisen.
  15. Späichert de Projet op Ärem Computer andeems Dir op klickt "Export".
  16. Waart op d'Veraarbechtung fir d'Archiv fäerdeg ze maachen.
  17. Zënter de Benotzer kann net méi wéi en aktiven Projet an der gratis Versioun vu CodePen hunn, musst Dir et läschen wann Dir en neien musst erstellen. Fir dëst ze maachen, klickt op "Läschen".
  18. Gitt e Verifizéierungs Wuert an bestätegt d'Läsche.

Uewen iwwer hu mir d'Basisfunktiounen vum CodePen Online Service iwwerpréift. Wéi Dir kënnt gesinn, ass et net schlecht fir net nëmmen de Code z'änneren, awer och aus Schrummen ze schreiwen an duerno mat anere Benotzer ze deelen. Deen eenzegen Nodeel vum Site ass d'Restriktiounen an der gratis Versioun.

Method 2: LiveWeave

Elo géif ech gär op der LiveWeave Web Ressource wunnen. Et enthält net nëmmen en agebaute Code Editor, awer och aner Tools, iwwer déi mir hei drënner wäerte schwätzen. D'Wierk fänkt mam Site esou un:

Gitt op d'LiveWeave Websäit

  1. Follegt de Link hei uewe fir op d'Redaktoren Säit ze kommen. Hei gesitt Dir direkt véier Fensteren. Deen éischte schreift Code an HTML5, déi zweet ass JavaScript, déi drëtt ass CSS, an de véiert weist de Compilatiounsresultat.
  2. Eent vun de Funktiounen vun dësem Site kann als Tooltips ugesi ginn wann Dir Tags typt, se kënnen d'Tippeschwindegkeet erhéijen an d'Schreiffeeler evitéieren.
  3. Par défaut fënnt d'Kompiléierung am Live-Modus statt, dat heescht et gëtt direkt veraarbecht nodeems d'Ännerungen gemaach goufen.
  4. Wann Dir dës Funktioun wëll deaktivéieren, musst Dir de Schieber vis-à-vis vum gewënschtenen Artikel réckelen.
  5. An der Géigend kënnt Dir den Nuetsmodus ausschalten an ausschalten.
  6. Dir kënnt ufänken mat CSS Controller ze schaffen andeems Dir op de entspriechende Knäppchen an der lénker Panel klickt.
  7. Am Menü deen opmaacht gëtt d'Inscriptioun geännert andeems d'Schieber geplënnert ass a gewësse Wäerter ännert.
  8. Als nächst wäerte mir Iech oppassen op d'Faarfguide.
  9. Dir kritt eng extensiv Palette wou Dir all Schied ka wielen, an uewe gëtt säi Code ugewisen, déi spéider benotzt gëtt wann Dir Programmer mat engem Interface schreift.
  10. Plënnert op de Menu "Vector Editor".
  11. Et schafft mat grafeschen Objeten, déi och heiansdo nëtzlech wärend der Entwécklung vu Software.
  12. Open Pop-up Menu "Tools"An. Hei kënnt Dir d'Schabloun eroflueden, HTML HTML Datei an Text Generator späicheren.
  13. De Projet gëtt als eenzeg Datei erofgelueden.
  14. Wann Dir Aarbecht wëllt späicheren, musst Dir fir d'éischt duerch d'Aschreiwungsprozedur an dësem Online Service goen.

Elo wësst Dir wéi de Code geännert gëtt op der LiveWeave Websäit. Mir kënne sécher dës Internetressource recommandéieren, well et vill Funktiounen an Tools huet fir Iech de Prozess vun der Aarbecht mat Programmcode ze optimiséieren an ze vereinfachen.

Dëst schléisst eisen Artikel of. Haut hu mir Iech zwee detailléiert Instruktiounen presentéiert fir mat Code mat online Servicer ze schaffen. Mir hoffen dës Informatioun wier nëtzlech an huet gehollef d'Wiel vun de gëeegentste Webressource fir d'Aarbecht ze bestëmmen.

Liest och:
Wiel vun engem Programméierungsëmfeld
Programmer fir Android Uwendungen ze kreéieren
Wielt e Programm fir e Spill ze kreéieren

Pin
Send
Share
Send