Emmet: Jsx рдореЗрдВ рд╕реНрд╡-рд╕рдорд╛рдкрди рдЯреИрдЧ рдХрд╛ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо

рдХреЛ рдирд┐рд░реНрдорд┐рдд 6 рджрд┐рд╕ре░ 2015  ┬╖  15рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: emmetio/emmet

рдХреНрдпрд╛ рдХрд┐рд╕реА рд╢рдмреНрдж рдХреЛ рд╕реЗрд▓реНрдл-рдХреНрд▓реЛрдЬрд┐рдВрдЧ рдЯреИрдЧ рдореЗрдВ рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ? рдореИрдВрдиреЗ рдпрд╣рд╛рдВ smth рд╕рдорд╛рди рджреЗрдЦрд╛ https://github.com/smihica/emmet-mode#empty -tags рдЗрд╕реЗ рдЗрд╕ рддрд░рд╣ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП

AppComponet/ -> <AppComponent />

рд▓реЗрдХрд┐рди рдпрд╣ рдПрдореНрдореЗрдЯ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рдЗрд╕реЗ рдпрд╣рд╛рдБ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдореЗрдВ рдХреБрдЫ рднреА рдирд╣реАрдВ рдорд┐рд▓рд╛ред

рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ? рдЙрд╕ рдкрд░ рдПрдХ рдЗрдирд╛рдо рдкреЛрд╕реНрдЯ рдХрд░реЗрдВ! рд╣рдо рдмрд╛рдЙрдВрдЯреАрд╕реЛрд░реНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЗрдирд╛рдо рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╢реЙрд░реНрдЯрдХрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕рдмрд╕реЗ рдЖрд╕рд╛рди рдЙрдкрд╛рдп рд╣реИ:

Component ---> ctrl+e рдпрд╛ tab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

рд╕рднреА 15 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЗрд╕рдХрд╛ рдХреЛрдИ рд╣рд▓ рдорд┐рд▓рд╛? рдПрдХ рд╣реА рдирд╛рд╡ рдореЗрдВред

рдЗрд╕рдХреЗ рд▓рд┐рдП JSX рдХреЗ рд▓рд┐рдП рдХрд╕реНрдЯрдо рд░рд┐рдЬрд╝реЙрд▓реНрд╡рд░ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ рддрд╛рдХрд┐ рдЕрдкрд░-рдХреЗрд╕ рд╡рд╛рд▓реЗ рд╕рдВрдХреНрд╖рд┐рдкреНрддрд╛рдХреНрд╖рд░реЛрдВ рдХреЛ рдЦрд╛рд▓реА рдЯреИрдЧ рдореЗрдВ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХреЗред

рд░реЛрдЬрд░ред рдпрд╣реА рд╡рд╣ рдореБрдЦреНрдп рд╢рдмреНрдж рд╣реИ рдЬрд┐рд╕рдХреА рдореБрдЭреЗ рддрд▓рд╛рд╢ рдереАред рдПрдХ рдмрдирд╛рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЖрдкрдХреА рдХреБрдЫ рдЕрдиреНрдп рдкреЛрд╕реНрдЯ рдорд┐рд▓реАрдВред рдзрдиреНрдпрд╡рд╛рдж!

рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╢реЙрд░реНрдЯрдХрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕рдмрд╕реЗ рдЖрд╕рд╛рди рдЙрдкрд╛рдп рд╣реИ:

Component ---> ctrl+e рдпрд╛ tab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

@deathmood рдХреНрдпрд╛ рдЖрдк рдЗрд╕ рдкрд░ рд╡рд┐рд╕реНрддрд╛рд░ рд╕реЗ

ctrl+shift+ ~ рдХрд╛ рдпрд╣рд╛рдВ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рд╣реИ (рдкрд░рдорд╛рдгреБ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ) рдФрд░ рдХреЛрдИ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдХрдорд╛рдВрдб рдирд╣реАрдВ рд╣реИ рдЬреЛ рдПрдХ рдХреНрд▓реЛрдЬрд┐рдВрдЧ рдЯреИрдЧ рдЬреЛрдбрд╝реА рдХреЛ рдПрдХ рд╕реЗрд▓реНрдл-рдХреНрд▓реЛрдЬрд┐рдВрдЧ рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИред

@brumm рдпрд╣ рдПрдХ split/join tag рдХрд╛рд░реНрд░рд╡рд╛рдИ рд╣реИ http://docs.emmet.io/actions/split-join-tag/ ред рдпрд╣ рдЙрджрд╛рддреНрдд рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдореИрдХ рдХреЗ рд▓рд┐рдП рдЙрджрд╛рддреНрдд 3 рдкрд░, split/join tag рд▓рд┐рдП рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реЙрдЯрдХреА Command + Shift + ' (рдПрдХрд▓ рдЙрджреНрдзрд░рдг) рд╣реИред

рд╣рд╛рд▓рд╛рдВрдХрд┐, рдпрд╣ рдЕрднреА рднреА рдХрдИ рдЯреИрдЧ рдХреЗ рд▓рд┐рдП рдЕрд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, TabBar>TabItem*10 рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░реЗрдВ, рдФрд░ рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ <TabItem /> рд╕реНрд╡рддрдГ рдмрдВрдж рд╣реЛ рдЬрд╛рдПред рдФрд░ рдЕрдм рдореБрдЭреЗ рдХрд░реНрд╕рд░ рдХреЛ рд╣рд┐рд▓рд╛рдирд╛ рд╣реИ рдФрд░ рдЙрдкрд░реЛрдХреНрдд рд╣реЙрдЯрдХреА рдХреЛ 10 рдмрд╛рд░ рджрдмрд╛рдирд╛ рд╣реИред рдпрд╣ рдкрд╛рдЧрд▓ рд╣реИред

рдкрд░рдорд╛рдгреБ рдореЗрдВ рдЖрдк Command + Shift + j рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ

рдореИрдВ JSX рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдореНрдореЗрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ рдпрджрд┐ рдПрдореНрдореЗрдЯ рд░реВрдкреЛрдВ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЪрдХреНрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рджреЗрдЧрд╛ред
рдИрдЬреА рдмрд╛рд░-рдмрд╛рд░ рдорд╛рд░ рд░рд╣рд╛ рд╣реИ ctrl+e рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЪрдХреНрд░ рд╣реЛрдЧрд╛:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕рд╕реЗ рдлреАрдЪрд░ рдХреЛ рд╕реАрдЦрдирд╛/рдЦреЛрдЬрдирд╛ рд╡рд╛рдХрдИ рдЖрд╕рд╛рди рд╣реЛ рдЬрд╛рдПрдЧрд╛ред

рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдПрдореНрдореЗрдЯ рд░реЗрдкреЛ рдпрд╛ рдкрд░рдорд╛рдгреБ рдкреНрд▓рдЧрдЗрди рд░реЗрдкреЛ рдореЗрдВ рд╣реИ, рдореИрдВрдиреЗ рдЗрд╕реЗ https://github.com/emmetio/emmet-atom/issues/408 рдореЗрдВ рдкреЛрд╕реНрдЯ рдХрд┐рдпрд╛ рд╣реИред

рдмрдирд╛рдордХреЛрдб рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛ ?? ctrl+e рдФрд░ ctrl+shift+ ~ рджреЛрдиреЛрдВ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреЗ

рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдореЗрдВ рдпрд╣ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рд╣реИ AppComponet/ TAB => <AppComponent />

рд╡реАрдПрд╕ рдХреЛрдб рдХреЗ рд▓рд┐рдП рднреА

hello-world/ TAB => <hello-world>
рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдЦреБрдж рд╕реЗ / рд▓рд┐рдЦрдирд╛ рд╣реИ рд▓реЗрдХрд┐рди рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ :)

рд╡реАрдПрд╕рд╕реАрдУрдбреА рдХреЗ рд▓рд┐рдП:
рд╕реНрдкреНрд▓рд┐рдЯ рдЦреЛрдЬреЗрдВ/рдХреАрдмреЛрд░реНрдб рд╢реЙрд░реНрдЯрдХрдЯреНрд╕ рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реЛрдВред рдЖрдкрдХреЛ рдПрдХ рдПрдореНрдореЗрдЯ рд╡рд┐рдХрд▓реНрдк рджрд┐рдЦрд╛рдИ рджреЗрдЧрд╛ред рдЖрдк рдЗрд╕реЗ рдЕрдкрдиреА рдкрд╕рдВрдж рдХреА рдХрд┐рд╕реА рднреА рдХреБрдВрдЬреА рдкрд░ рд╕реЗрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдЖрдЧрд╛рдореА v2 рд╕рдорд░реНрдерди elem/ рд╕реНрд╡-рд╕рдорд╛рдкрди рддрддреНрд╡реЛрдВ рдХреЛ рдЖрдЙрдЯрдкреБрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд┐рдВрдЯреИрдХреНрд╕

рд╡реАрдПрд╕ рдХреЛрдб рдХреЗ рд▓рд┐рдП рднреА

hello-world/ TAB => <hello-world>
рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдЦреБрдж рд╕реЗ / рд▓рд┐рдЦрдирд╛ рд╣реИ рд▓реЗрдХрд┐рди рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ :)

рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдмрдврд╝рд┐рдпрд╛

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕