surmon-china/vue-codemirror

Health v2 · maintenance only

Adoption not part of the score

3479 stars · 377 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A Vue 3 component library that wraps CodeMirror 6, providing a code editor component with v-model support, theming, and language extension integration. It is distributed as an npm package and requires CodeMirror 6 packages to be installed alongside it.

Use cases

• embed a code editor in a Vue 3 app
• add syntax-highlighted code editing to a web form
• build a browser-based code playground or mini IDE
• let users edit JSON, YAML, or SQL in a Vue dashboard
• customize editor themes and language modes in Vue
• replace a plain textarea with a rich code editor

When to choose

• you are building with Vue 3 and want CodeMirror 6 features
• you need a maintained, MIT-licensed editor component with v-model binding
• you want fine-grained control via CodeMirror extensions, languages, and themes

When to avoid

• you are on Vue 2 or CodeMirror 5 (use the legacy 4.x version instead)
• you need a full IDE experience out of the box rather than a component
• you require UMD/script-tag browser usage without a bundler

Facets

library · maturity stable

ui-components editor frontend-framework web-development frontend developer-tools text-editors cross-platform vue vue3 codemirror code-editor vue-component syntax-highlighting web-editor web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="surmon-china/vue-codemirror")