Emmet: jsx에서 자체 닫는 태그의 약어

이에 대한 해결책을 찾으셨습니까? 같은 배에서.

대문자 약어를 빈 태그로 해석할 수 있도록 JSX용 사용자 정의 해석기가 필요합니다.

알았다. 제가 찾던 키워드입니다. 건물을 짓는 방법에 관한 다른 게시물을 찾았습니다. 감사 해요!

가장 간단한 해결책은 기본 바로 가기를 사용하는 것입니다.

Component ---> ctrl+e 또는 tab ------> <Component></Component> ------> ctrl+shift+ ~ - --> <Component />

@deathmood 이에 대해 자세히

ctrl+shift+ ~ 는 여기에서 아무 효과가 없으며(atom 사용) 닫는 태그 쌍을 자체 닫는 태그 쌍으로 바꾸는 내장 명령이 없습니다.

@brumm split/join tag 액션 http://docs.emmet.io/actions/split-join-tag/ 입니다. 그것은 숭고하게 작동합니다.

Mac용 Sublime 3에서 split/join tag 의 기본 단축키는 Command + Shift + ' (작은따옴표)입니다.

그러나 여러 태그에는 여전히 불편합니다. 예를 들어 TabBar>TabItem*10 확장하고 <TabItem /> 가 자동으로 닫히도록 하고 싶습니다. 그리고 이제 커서 를 움직여 위의 단축키 를 10 번 눌러야 합니다 . 미쳤어

원자에서는 Command + Shift + j 할 수 있습니다.

나는 JSX를 작성하기 위해 emmet을 사용하고 emmet이 양식을 순환하도록 해준다면 정말 멋질 것입니다.
ctrl+e 반복적으로 치는 EG는 다음과 같이 순환합니다.
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

나는 이것이 기능을 배우거나 발견하는 것도 정말 간단하게 만들 것이라고 생각합니다.

이것이 emmet repo 또는 atom 플러그인 repo에 속하는지 확실하지 않습니다. 저는 이것을 https://github.com/emmetio/emmet-atom/issues/408에 교차 게시했습니다.

vscode는 어떻습니까? ctrl+e 및 ctrl+shift+ ~ 둘 다 작동하지 않음

Webstorm에는 이미 AppComponet/ TAB => <AppComponent />

VS 코드의 경우에도

hello-world/ TAB => <hello-world>
그래서 나는 / 를 직접 작성해야하지만 작동합니다 :)

VSCode의 경우:
키보드 단축키에서 분할/결합을 검색합니다. Emmet 옵션이 표시됩니다. 원하는 키로 설정할 수 있습니다.

예정된 v2 지원 elem/ 자동 닫힘 요소를 출력하는 구문

VS 코드의 경우에도

hello-world/ TAB => <hello-world>
그래서 나는 / 를 직접 작성해야하지만 작동합니다 :)

작동합니다, 굉장합니다