Editor de código en línea de código abierto de Microsoft-Editor de Mónaco

Monaco Editor es un editor de código que admite código VS y se ejecuta en un entorno de navegador. El editor proporciona indicaciones de código, sugerencias inteligentes y otras funciones. Es más conveniente para los desarrolladores escribir código de forma remota. El editor Monaco no es compatible con navegadores móviles ni marcos web móviles. Una comprensión simple es que los editores de código en VSCode y Monaco Editor usan muchos de los mismos módulos principales. ¡Puedes utilizar Monaco Editor como editor en la nube en tus propios proyectos, compatible con IE 11, Edge, Chrome, Firefox, Safari, Opera!

Github:

Documentos y ejemplos, etc. :

No hay mucho que decir sobre la instalación. Puede descargarlo desde la dirección anterior o instalarlo directamente con npm.

Escriba Script, JavaScript, CSS, LESS, SCSS, JSON, HTML

XML, PHP, C#, C++, Razor, Markdown, Diff, Java, VB, CoffeeScript, Manillar, Batch, Pug, F#, Lua, Powershell, Python, Ruby, SASS, R, Objective-C...

Comparación de diferencias de código en línea

Comparación de diferencias de código no en línea

Los anteriores son todos temas brillantes nativos de Visual Studio.

Tema oscuro de Visual Studio:

Tema oscuro de alto contraste:

El desarrollo directo puede no ser una cuestión muy sencilla, por lo que los ejemplos proporcionados en el sitio web oficial son Ya está disponible. Se recomienda que los estudiantes interesados ​​puedan descargar y ver directamente el código de muestra relevante.

1. Ejecute los siguientes cuatro comandos en la terminal, siempre que ya tenga un entorno git y nodo. De lo contrario, instale git o node primero.

2. Luego visite http://localhost:8888 para experimentarlo.

Elige el ejemplo que quieres experimentar. Algunos de ellos pueden requerir cirugías adicionales. Simplemente sigue las indicaciones.

3. Introducción a la demostración del ejemplo del proyecto

Otros ejemplos y usos

Los amigos que quieran aprender en profundidad pueden ir directamente al sitio web oficial para aprender. El lado izquierdo es la configuración y el lado derecho puede ver el efecto, por lo que el aprendizaje será más rápido.

Es posible que las siguientes versiones no se mantengan actualizadas con la última versión.

Versión React:

Versión Vue:

Versión angular:

Hay que decir que el editor Monaco es un editor en línea muy poderoso. code El editor puede proporcionar soporte técnico básico para el editor de código en la nube para sus propios proyectos y puede ampliar muchas funciones potentes sobre esta base. Por supuesto, comenzar no es necesariamente fácil y es necesario determinar su plan de desarrollo en función de sus propias necesidades. ¡Los socios necesitados pueden investigarlo!