Support "Vim Mode"

[flipjs]

An editor settings would be nice, and have an option to set vim-mode. I know most code playgrounds such as jsbin, codepen, etc. have this option. Thanks!

[tgoyer]

In addition, .editorconfig support would be amazing.

[EricSimons]

We'd love to have Vim actually; biggest blocker is that no one has created a Vim extension for Monaco yet: microsoft/monaco-editor#182

Tbh I don't think we'll have time to personally implement Vim ourselves, but if someone else creates a Monaco Vim extension we will absolutely implement it!

Regarding .editorconfig — I LOVE this idea. Definitely putting on the roadmap 👍

I want to have basic editor settings land sometime this week; will report back!

[andregomars]

need it, seriously!

[bennypowers]

https://github.com/brijeshb42/monaco-vim

[irek02]

@EricSimons , any plans to incorporate monaco-vim from @bennypowers ?

[jpstone]

@EricSimons any plans for the above?

[mationai]

@EricSimons It's almost a year since bennypowers added the extension. Please add?

[comc49]

Vim would be great 👍

[richarddevers]

+1

[lozandier]

Hope you've had a splendid Thanksgiving break thus far; any update on this, @EricSimons?

[comc49]

Please!! This would be so awesome

[ashnur]

Who we have to convince for this to happen?

[diffractometer]

+1 I would love this feature but probably too lazy to do it

[yanghu]

+1

[purplem1lk]

Thank you for your patience - We are launching new core technology into beta next month that should resolve this issue so this will be closed accordingly. If this issue persists, feel free to tag me or ask to reopen this issue with screenshots of the error. Thank you! :)

[josepot]

@purplem1lk congratulations on the launch of the new editor! Truly mind-blowing, I'm super impressed! However, I can't find a way to setup "vim mode", could you please let us know how to set it up with the new editor? 🙏

[ashnur]

Maybe it's a paid feature? I was unable to locate it as well.

[SamVerschueren]

Here an update from the StackBlitz side ⚡ . This issue was closed by mistake. No harm done I hope :).

I saw @bennypowers suggesting monaco-vim and I forwarded it internally as it looks pretty promising.

[luisherranz]

Do you plan to support 3rd party VS Code extensions? If so, then I guess people should be able to use things like https://github.com/VSCodeVim/Vim, shouldn't they?

[qoobes]

Any updates on vim mode?
It's a make or break feature for a lot of developers, so it'd be great for this to get added!

[foodornt]

no updates yet?

[jankergg]

I realy enjoy the performance that StackBlitz offers, but I have to use codesandbox instead, because of the absence of VIM mode

[atsixian]

Really impressed by the awesome performance. I use https://github.com/VSCodeVim/Vim every day, and it's great. Is there anything we can help to make this happen?

[Hoofoo-WHU]

+1

[ashnur]

Probably nothing will happen until monaco will support it. microsoft/monaco-editor#182

[tatupesonen]

Probably nothing will happen until monaco will support it. microsoft/monaco-editor#182

Already exists
https://github.com/brijeshb42/monaco-vim

[lkj4]

checking this thread every other month and still no vim mode?! 🙄

[ashnur]

Every other year* now.

[jeremytchang]

+1
This issue is 5 years old now. :D

[ashnur]

This issue is 5 years old now. :D

at this point I am rooting for it to grow up so it can drive a car, maybe even drink alcohol

[FossPrime]

These are options that might work for some people.

1. local projects (very very alpha)
2. Edit the code in vscode.dev, commit it then load it on SB for actual running.
   
3. There are chrome and firefox extensions for vite editor shortcuts... which should work on the IDE part, but not the terminal.

I'm glad to see so many people treat StackBlitz as a serious IDE... I wish this was the norm.

[CarpentersKeys]

+1

[subfuzion]

I think StackBlitz really hits the sweet spot in so many area, but truly, not having vim support holds me back from true ❤️. It's the one thing that disappoints me with our own Cloud Shell Editor, but at least I can use vim in the terminal, which is not an option with StackBlitz. I really want to use StackBlitz for an edstem.org course I'm developing, but I spend the beginning of the course introducing vim as part of the toolkit, so I don't then want to send students to an online environment that doesn't support it.

It does look like VIM keybindings for Monaco were created by @brijeshb42 a while back. Any chance of leveraging this work?

• repo: https://github.com/brijeshb42/monaco-vim
• demo: https://editor.bitwiser.in/

@EricSimons, I don't intend for this to come across as being flippant, but perhaps migrating to CodeMirror 6, like the folks at replit (@masad-frost: Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser), might be worthwhile (and not just for vim support)?

[lkj4]

VIM keybindings for Monaco were created by @brijeshb42

yeah, there are avail forever, i guess they have other priorities and/or no vim users

[roskee]

Tried stackblitz for the first time today. Not for me without vim!

[FossPrime]

Not sure if anyone has thought of this... but turning webcontainers into a VSCode extension, with support for vscode.dev... would make a lot of people happy.

We containers could manifest as a virtual OS with /home/ containing all your stackblitz projects. upon access they would hydrate.

The result is being able to use your stackblitz account as a Saas with any VSCode extensions and being able to code Node projects without Filesystem access or OS dependencies. It wouldn't matter if VSCode is running on the web or if it's the Snap version, or if you don't have admin privileges, or enough space/bandwidth/ram/patience for Docker, it could just work.

[GGORG0]

Any updates on this?

[samdenty]

This is supported out the box in Stackblitz CodeFlow https://stackblitz.com/codeflow

[javaroc]

Nearing up on this issue's 6th birthday! 🥳 🍰

[devloos]

Dang would really love this!

[subfuzion]

Thanks to @samdenty for pointing out this works in Stackblitz CodeFlow: https://stackblitz.com/codeflow ... just add the vim extension! So far I'm liking what I see! :)

[nasso]

why is this still open? i just installed vscodevim.vim in Stackblitz and it just works!

[ashnur]

@nasso can you please provide a link to the documentation of the extensions. The gif is useful, but not as useful perhaps as clear instructions to the solution would be ;)

[nasso]

you mean, https://marketplace.visualstudio.com/items?itemName=vscodevim.vim ? it's just a single, regular VS Code extension, that i installed using the regular extension browser in Stackblitz

i didn't even configure anything

[ashnur]

And where can I find this "regular extension browser in Stackblitz"? :D I am sure you are not talking about some paid feature or the beta github codeflow integration, right?

[nasso]

oh damn it looks like i was using the beta github codeflow integration without knowing it...?

all i did was open a repository, i had no idea stackblitz had a separate editor JUST for github repositories... 😶

[samdenty]

Closed the issue as suggested by @nasso, vim & vscode extensions are supported out the box in Stackblitz CodeFlow https://stackblitz.com/codeflow.

This is the new editor experience. At the moment it's focused around production git/github workflow support with git cli & vscode git integration. We are actively working on enabling stackblitz projects to be opened in the new editor.

[ashnur]

Closing this without actual support is a bit of fake news.