editor de JS en línia

Mètode 1: Playcode

Playcode és un editor de codi avançat que sigui compatible amb JavaScript i totes les funcions inherents als entorns de desenvolupament de ple dret. En ella, es pot combinar el desenvolupament d'HTML, CSS i JS, el canvi entre els documents en qualsevol moment convenient.

Anar a l'servei en línia Playcode

1. Per iniciar l'editor, feu clic al botó "Obrir editor".



2. Una plantilla bàsica que es crearà, si cal, es pot esborrar i començar a escriure scripts d'un full neta en el mateix bloc editor.



3. un canvi Disponible en la mida de tots els blocs presents, que es porta a terme movent el marc extrema. Preparar l'espai de treball per endavant perquè sigui més convenient per fer front a un major desenvolupament.



4. Tots els canvis realitzats es mostren a la pantalla immediatament, ja que la manera en directe s'activa per defecte.



5. Desconnectar desactivant el botó corresponent, que es troba a la part superior dreta. A continuació, la compilació haurà d'executar de forma independent, a l'fer clic a la icona amb forma de triangle.



6. Utilitzeu els suggeriments incorporades per marcar ràpidament les ordres importants. N'hi ha prou com per escriure només unes poques cartes, i tota la resta de l'contingut serà substituït de forma automàtica. El mateix s'aplica a les cotitzacions o els suports que es fixen automàticament.



7. A l'esquerra per sota de la consola es mostra. Si es produeix algun error durant el processament de codi, allà immediatament es notificarà amb l'anàlisi d'inexactituds.



8. Canviar entre JS, HTML i arxius CSS a través del panell de l'esquerra.



9. A més, hi ha altres plantilles en PLAYCODE, que es mostren en forma de seqüència simples o fins i tot jocs amb la interacció de l'usuari. Pot anar-hi fent clic als botons a la dreta.



10. Va a familiaritzar immediatament a si mateix amb el resultat de la sortida i es pot editar manualment el codi aplicant en el projecte futur.



11. Si va a treballar amb Playcode i després, es recomana crear un nou compte. Després d'això, les eines de conservació, publicació i distribució estaran disponibles.

Mètode 2: jsFiddle

En servei en línia jsFiddle té les seves pròpies peculiaritats: per exemple, l'usuari pot utilitzar per connectar els marcs populars, així com el canvi ràpid entre els idiomes que s'utilitza per a programar.

Anar a l'servei en línia jsFiddle

1. Un cop a la pàgina principal jsFiddle, pot seleccionar un dels espais en blanc per a la seva posterior programació o començar a escriure el codi des de zero.



2. editor de JS està en el fons i, si cal, pot canviar la seva mida arrossegant l'àrea de el marc. No es porta a terme el procés bàsic de l'escriptura de codi.



3. Aplicar el menú desplegable si vol canviar a la versió antiga de la llengua o triar un altre PL.



4. A la part superior dels dos blocs estan separats per editors HTML i CSS, que interactuen amb en qualsevol moment amb només canviar entre ells.



5. Per provar el codi, utilitzeu el botó «Run». Per desgràcia, la compilació en temps real jsFiddle no suporta.



6. Una petita finestra apareixerà a la informació de la consola a la dreta en l'èxit de compilació o visualització d'informació sobre els errors que es van produir durant aquest procés.



7. El resultat en si es mostrarà en una zona separada de la consola.



8. Utilitzeu el menú desplegable "Ajustos», si desitja canviar l'aspecte de l'editor, configurar les opcions de la línia de la consola i el comportament de l'servei en línia.



9. En el mateix menú desplegable, que és responsable de l'elecció de la programació d'idioma, es pot connectar un marc per a fins personals.

Si voleu desar el projecte o aconseguir addicional necessitat característiques editor de registrar jsFiddle. A continuació, fes un cop d'ull als plans de tarifes i seleccionar un d'ells quan va a explotar el potencial de el servei en línia de manera contínua i sense cap tipus de restriccions.

Mètode 3: DirtyMarkup

En conclusió, volem parlar d'editor en línia DirtyMarkup, que és significativament diferent de la considerada per sobre de fet que no està dissenyat per a programar des de zero, i s'utilitza per a dur-lo a la normalitat formatar automàticament.

Anar a l'servei en línia DirtyMarkup

1. L'interruptor DirtyMarkup lloc a manera de la «JS» fent clic al botó corresponent.



2. Ara l'editor es pot inserir tot el codi que ha de ser formatat.



3. Configureu la pestanya, la longitud de les línies, el tipus de paràmetres de figura i els paràmetres addicionals, marcant les seves caselles de selecció.



4. Apliqueu la configuració d'edició fent clic a Clean.

Queda només per copiar els continguts obtinguts en forma d'ús adequat per utilitzar-lo en l'entorn de desenvolupament o a un altre editor de JavaScript en línia.