Code snippets no longer works

Question

Code snippets no longer works

Closed this issue 5 years ago · 14 comments

dehghani-mehdi commented 7 years ago

Hi,

Thanks for adding JSX support,

Step to reproduce:

Open any JSX file
Try to type cl and hit tab

It should become console.log instead of <cl></cl>, note that VS recognize cl as code snippet. see below

Same happens for other snippets too (class, ...)

Answer 1 · 2018-06-07T19:10:06.000Z

I'm afraid that is a limitation of the Emmet engine itself as it doesn't seem to be able to recognize the context it is invoked in. Just tried this use case in Sublime Text and it worked the same way. As a workaround you might want to disable expansion on Tab and use hotkey instead.

Answer 2 · 2018-06-08T06:48:42.000Z

So how emmet work/recognize the context in Visual Studio Code?

Answer 3 · 2018-06-08T17:22:29.000Z

They have their own implementation and do not use original plugin.

Answer 4 · 2018-06-09T10:45:12.000Z

Seems like snippets doesn't work for html and js files too.
Is there any way to use VSCode js implementation in Emmet.Net?

Answer 5 · 2018-06-13T04:57:32.000Z

I set False as Intercept TAB, still emmet.net is TAB owner and can not use code snippets.

Answer 6 · 2018-06-14T19:10:27.000Z

Changing "Intercept TAB" requires Visual Studio restart, should be fine after that.

Answer 7 · 2018-06-15T06:23:11.000Z

Yeah man, I know, I did before posting here, but no success, I'll try to remove and re-install the emmet.net, maybe it helps.

Answer 8 · 2018-06-15T13:48:05.000Z

BTW, in the latest version it is enough to just reopen the document to apply new TAB interception setting.

Answer 9 · 2018-06-15T14:03:38.000Z

I could not release TAB key, so I change shortcut key for snippets. I also had some problems in HTML files, so I had to install ZenCodingVS too

Answer 10 · 2018-10-04T15:12:27.000Z

@sergey-rybalkin I fixed this issue using some sort of user input check, I'm using fixed version about 10 days and had no issue with it, can I send pull req for that?

Answer 11 · 2018-10-06T12:49:19.000Z

@dehghani-mehdi Sure, it is highly appreciated.

Answer 12 · 2018-10-07T07:39:10.000Z

@sergey-rybalkin Done! if you was happy with my changes accept the pr please and feel free to close this issue as well.

Answer 13 · 2018-10-07T07:43:19.000Z

Oh, one this I forgot to mention in pr comment, I copied ChakraCore.dll to the root of project, because of issue #3.

Answer 14 · 2020-02-04T11:33:23.000Z

Just updated Emmet engine to version 2.0.0-rc.10 and it solves this problem by using < prefix for JSX/TSX files. See https://github.com/emmetio/emmet#extract-abbreviation-with-custom-prefix