Codesandbox-client: Emmet

[simongeau]

🌈 Feature

An emmet implementation would be nice for writing static assets

[CompuIves]

Just deployed Emmet support in JSX, is this what you were looking for? 😄

[simongeau]

1) I dont know if that is supposed to work, but it doesn't seems to work

2) Emmet is more important when developping static assets;
in css: writing br:nr is way faster that background-repeat: no-repeat; so... more productive
in html .class is faster than

of course that translate to JSX

Since Codesandbox is build around Monaco, I'v found that script... i dont know if that works
https://github.com/hstarorg/emmet-monaco

For the CodeMirror version there is an official version
https://github.com/emmetio/codemirror

[CompuIves]

It should show as an autocompletion, like here:
. Does that happen for you? Maybe it works after clearing caches.

[simongeau]

Cool, i've made test, it seems to work in JSX (unfortunatly for some), LESS, CSS, .....but not in HTML (! -> tab should bring a template)

[quangv]

Related to #194

Nice to see Emmet working, so it does work on certain files? Can someone post a working codesandbox with emmet working? I would love to try out emmet, never used it before.

Thanks!

[amarvukovic]

Anyone solve problem of using Emmet in html files. When you want to type a.class-name*3 the tab does not work. It works for JSX files, but not .html.

[SaraVieira]

Hey!

I am gonna close so we can keep track in an issue specifically for this: https://github.com/CompuIves/codesandbox-client/issues/1476

I commented to bring it up

[marcosvillabasa]

how to use emmet in codesandbox ???'

[GuerrillaCoder]

For anyone that comes across this googling why it's not working in .js files. You will need to rename them to .jsx