Support 3rd party VSCode extensions

[techniq]

Any plans to bring VSCode extensions to stackblitz?

Having vim keyboard bindings would be great, as well as other extensions like vscode-styled-components for syntax highlighting of styled-components strings, prettier formatting, etc.

Currently codesandbox.io has Vim and Prettier support, but it seems like having VSCode extension support would open up a lot of functionality, but I'm sure some extensions could not be supported.

[alanhamlett]

👍

[cuduy197]

👍

[EricSimons]

Would love to support VS Code extensions — this might be a difficult one for us to pull off though. VS Code is (surprisingly) tied heavily to running in Electron/locally, so even getting the VS Code Dark Plus theme running in StackBlitz required custom setup.

However, we've been kicking around the idea of creating our own separate plugin system that's reasonably compatible with VS Code's. This would allow folks to port over extensions with relatively few hiccups, and it would ensure that all plugins are optimized to run super fast in-browser.

Would love to hear thoughts on this!

[techniq]

While supporting VS Code extensions directly would be amazing, I figured there would be some pretty big hurdles. I also expect there to be ongoing compatibility problems on an extension-by-extension basis to the point we'd probably need a "whitelist" or "approved/supported plugins". With that said, maybe it would be best to have a separate extension system (unless we could support 95% extensions without much compatibility issue).

I know there are some extensions/features I'd like to see available before I'd consider moving over from codesandbox.io like css-in-js syntax highlighting, prettier, and vim bindings.

[EricSimons]

@techniq def agree with separate extension system idea; will be pleasantly surprised if it looks like we can support 95% of regular extensions :)

Regarding the other pts:

• CSS in JS syntax highlighting -> might be able to make this happen. What libs are you using?
• Prettier -> landing soon!
• VIM -> would love to get this in; we're currently seeking folks to help create a Monaco extension

[techniq]

• I primarily use styled-components, but have been experimenting with glamorous and emotion (basically all the glamor-based ones). I use vscode-styled-components in VSCode
• Awesome!
• 👍

[techniq]

Btw, it looks like codesandbox uses codemirror and it's vim bindings

[jikkujose]

Prettier would be an awesome addition! If it can support styled-components, then this will be super good!

[alanhamlett]

https://github.com/prettier/prettier

[vegarringdal]

Any way its possible to get html code highlighting in ts/js now ?
Something like this?
https://github.com/mydesireiscoma/es6-string-html

[vegarringdal]

@EricSimons
Any chance we can get something like
https://github.com/mydesireiscoma/es6-string-html

since it also works by using comments it will be able to be used by anyone, js/ts or frameworks

[xianghongai]

@EricSimons

Nice!
how to get stackblitz extensions in VSCode?

[Ivanca]

Without this I don't think Stackblitz can reach any kind of significant success. There should be a big read warning at homepage saying it doesn't support VScode extensions and that there isn't any equivalent way to extent the editor functionality.