Emmet: CSS 모듈에 대한 jsx className 동작을 변경하는 방법

에 만든 2018년 03월 29일 · 8코멘트 · 출처: emmetio/emmet

문자열이 아닌 CSS 모듈을 사용하도록 jsx의 클래스에 대한 emmet의 동작을 변경하려고 합니다.

| 약어 | 현재 | 원하는 |
|---|---|---|
| div.a | <div className="a"></div> | <div className={styles.a}></div> |

그러나 이것을 달성하는 방법을 알아낼 수 없는 것 같습니다. 내가 이해하는 한이 작업을 수행하려면 사용자 정의 필터가 필요합니다. 사용자 정의 필터가 가능한지 확실하지 않습니다.

누군가가 올바른 방향으로 나를 가리킬 수 있습니까?

출처

midgethoen

👍7

가장 유용한 댓글

@midgethoen vscode 에서 이것을 수정합니까?

Moretai 에 2018년 10월 12일

👍3

그래서 나는 문서 에서 이 문장을 간과했다.

확장 폴더에 있는 각 .js 파일은 플러그인 시작 시 로드되어 실행됩니다. js 파일을 사용하여 고유한 필터 또는 작업을 생성합니다. Emmet 모듈 및 바인딩을 사용하여 JavaScript로 편집기를 스크립팅할 수 있습니다.

나는 지금 이것을 작동시키려고 노력하고 있다

midgethoen 에 2018년 03월 29일

그래서 vscode의 일부로 emmet을 사용하고 있습니다. 그리고 extensionPath 구성을 지원하지만.
snippets.json 및 syntaxProfiles.json 만 로드합니다 .

알아내는 데 시간이 걸렸습니다 😕

그래서 나는 emmet 통합이 vscode에서 구체적으로 어떻게 작동하는지 이해하려고 노력하고 있다고 생각합니다.

midgethoen 에 2018년 03월 29일

이에 대한 업데이트가 있습니까? 방금 Atom에서 이사했고 Atom에는 해당 플러그인이 있습니다. https://github.com/ambethia/emmet-jsx-css-modules

kebot 에 2018년 06월 25일

@midgethoen vscode 에서 이것을 수정합니까?

Moretai 에 2018년 10월 12일

👍3

업데이트가 있습니까?

mohammedgqudah 에 2019년 07월 01일

업데이트된 Emmet 버전에 이 기능을 추가하려고 합니다.

sergeche 에 2019년 07월 01일

👀3

이에 대한 업데이트가 있습니까?

wunnle 에 2019년 07월 31일

👀14

Emmet 2 구현을 마쳤으므로 여기에서 계속 논의하겠습니다. https://github.com/emmetio/emmet/issues/589

sergeche 에 2020년 06월 17일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급