Getting Started with CodeMirror and the Vue CLI

In this basics of Vue.js video, I go over how to set up CodeMirror in a Vue app. CodeMirror is a versatile text editor implemented in JavaScript for the browser.
🐦 Twitter - / suboptimaleng
💻 GitHub - github.com/SuboptimalEng
🌎 Website - suboptimaleng.com
== [ Resources ] ==
CodeMirror: codemirror.net/
CodeMirror Use Cases: codemirror.net/doc/realworld....
== [ Timestamps ] ==
00:00 What is CodeMirror?
01:41 Create Vue CLI App
02:38 Create Textarea
04:47 CodeMirror Setup
06:14 Customize CodeMirror Theme
07:26 Customize CodeMirror Language
09:22 Toggle CodeMirror Modes
11:29 Fin
== [ Tags ] ==
#suboptimal #vuejs #codemirror

[@DeepNightTwo]

Helps so much for a beginner! Great tutorial! BTW I love the keyboard sound :)

[@azeezabegum1067]

Loved it brother !! your tutorials are perfect :D

[@user-ny4yt1kf9v]

Exactly what I was looking for. Thanks!

[@seereal6736]

Thank you very much. It really helped a lot.

[@alexandere9723]

Great Video, thank you very much and continue :)

[@vigneshkumarganesan1529]

Thank you so much , keep doing 😀😀

[@zackstone401]

The CodeMirror used in this video is the v5. I have some trouble to configure here, then I realized that I was using the v6, that have a different way to use it.

[@alanimohammad]

thank you❤

[@sidneyhodieb5755]

Nice video

[@medilies]

It would be amazing if you had a blog post for this

[@adriannvalera9923]

1:26 yes I'm leaving a like on this video

[@davetorrey8303]

could do with a voiceover with some mic squeal fixes but great content and very simple

[@alexandere9723]

unfortunately the v-model does not work when the variable is changed

[@izifantastic]

may I ask what visual code extension you used for the intellicense?

[@SuboptimalEng]

Unfortunately, I don’t remember. I switched to React and uninstalled my Vue extensions.

[@sidneyhodieb5755]

Just one mistake i think,
When adding the id="editor" in the text-area, the v-model="content" doesn't work

[@spartan18788]

Hi, I wanted to know about how can I develop a qr food menu generator using code mirror?

[@SuboptimalEng]

Not sure exactly but you can probably use a code mirror for the markdown editor which is hosted on a website and figure out a way to convert that URL into a QR code by

[@yintatng7999]

What is the version of codemirror in ur video

[@zhuk9349]

its v5

[@comadeycluster]

i got navigator error while reloading the page :(

[@bogdan.c]

same, any fix?

[@comadeycluster]

@@bogdan.c i switch to react after this 😅

[@bogdan.c]

@@comadeycluster 😂