Tagged articles

8 articles

Page 1 of 1

Nov 26, 2024 · Frontend Development

Technical Overview of an Open‑Source Online Collaborative Code Editor Built with Next.js and NestJS

This article details the design, technology choices, and core features—including real‑time collaborative editing—of an open‑source online code editor built with Next.js on the front end, NestJS on the back end, and Yjs‑based synchronization, while also providing deployment tips and contributor information.

Monaco EditorNestJSNext.js

0 likes · 7 min read

Technical Overview of an Open‑Source Online Collaborative Code Editor Built with Next.js and NestJS

Java Tech Enthusiast

Jul 3, 2024 · Fundamentals

Eclipse Foundation Announces Theia IDE GA: Open-Source Alternative to VS Code

The Eclipse Foundation announced the General Availability of Theia IDE, a fully open‑source, vendor‑neutral alternative to Visual Studio Code that offers customizable toolbars, detachable views, remote development, upcoming collaboration, seamless VS Code extension compatibility, support for LSP and DAP, and cross‑platform deployment on Windows, Linux, macOS and the cloud.

DAPEclipse FoundationLSP

0 likes · 4 min read

Eclipse Foundation Announces Theia IDE GA: Open-Source Alternative to VS Code

21CTO

Jan 6, 2023 · Frontend Development

Master Monaco Editor: Installation, Features, and Accessibility Tips

This guide introduces Monaco Editor—a browser‑based code editor supporting multiple languages—covers how to install it via Git and npm, and details key features such as keyboard navigation, high‑contrast mode, tab capture behavior, and built‑in accessibility help.

InstallationMonaco Editoraccessibility

0 likes · 3 min read

Master Monaco Editor: Installation, Features, and Accessibility Tips

DevOps

Aug 2, 2022 · Frontend Development

From Monaco Editor to VS Code: Eric Gamma’s Journey and the Rise of Modern Web‑Based Development Tools

This article chronicles Eric Gamma’s transition from IBM to Microsoft, the creation of the Monaco web editor, its evolution into the Monaco Workbench and ultimately VS Code, highlighting key technical choices such as Electron, TypeScript, the Language Server Protocol, open‑source strategy, and the product’s explosive growth to become a cornerstone of modern developer tooling.

ElectronEric GammaLanguage Server Protocol

0 likes · 9 min read

From Monaco Editor to VS Code: Eric Gamma’s Journey and the Rise of Modern Web‑Based Development Tools

phodal

Jul 31, 2022 · Product Management

Balancing Flexibility and User Experience: Building ArchGuard’s Insight Query Tool

This article chronicles the evolution of ArchGuard’s “Trend & Insight” feature—from a simple UI‑driven CRUD editor to a regex‑based SQL generator and finally a custom DSL powered by Monaco Editor—highlighting the trade‑offs between developer flexibility, user experience, and technical cost.

ArchGuardDSLDeveloper Experience

0 likes · 7 min read

Balancing Flexibility and User Experience: Building ArchGuard’s Insight Query Tool

Alibaba Terminal Technology

Jul 5, 2022 · Frontend Development

The Rise of VS Code: How a Web‑Based Editor Became the #1 IDE

From its humble beginnings as the Monaco web editor in 2011 to its evolution into the cross‑platform powerhouse Visual Studio Code, this article chronicles the key milestones, strategic decisions, and technical innovations that propelled VS Code to dominate the developer ecosystem.

ElectronIDE historyLSP

0 likes · 10 min read

The Rise of VS Code: How a Web‑Based Editor Became the #1 IDE

NetEase Cloud Music Tech Team

Apr 11, 2022 · Frontend Development

Building a Lightweight WebIDE with Monaco Editor: Multi‑File Support, ESLint, Prettier, and Code Completion

The guide shows how to build a lightweight, browser‑based WebIDE using Monaco Editor by adding multi‑file support, preserving view state, integrating ESLint via a WebWorker, enabling Prettier formatting, and extending TypeScript definitions for rich code completion and navigation.

ESLintJavaScriptMonaco Editor

0 likes · 24 min read

Building a Lightweight WebIDE with Monaco Editor: Multi‑File Support, ESLint, Prettier, and Code Completion

Taobao Frontend Technology

Sep 14, 2021 · Frontend Development

Uncover the History and Core Features of Monaco Editor, the Web‑Based Code Editor Behind VS Code

Monaco Editor, the browser‑based code editor powering VS Code, originated in 2011 under Erich Gamma’s team, offers a lightweight editor control with rich UI widgets, and Monarch‑based syntax highlighting, and LSP‑compatible APIs, making it ideal for embedding advanced editing features into any web application.

JavaScriptLanguage SupportMonaco Editor

0 likes · 9 min read

Uncover the History and Core Features of Monaco Editor, the Web‑Based Code Editor Behind VS Code