рдХреНрдпрд╛ рдХрд┐рд╕реА рд╢рдмреНрдж рдХреЛ рд╕реЗрд▓реНрдл-рдХреНрд▓реЛрдЬрд┐рдВрдЧ рдЯреИрдЧ рдореЗрдВ рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ? рдореИрдВрдиреЗ рдпрд╣рд╛рдВ smth рд╕рдорд╛рди рджреЗрдЦрд╛ https://github.com/smihica/emmet-mode#empty -tags рдЗрд╕реЗ рдЗрд╕ рддрд░рд╣ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП
AppComponet/ -> <AppComponent />
рд▓реЗрдХрд┐рди рдпрд╣ рдПрдореНрдореЗрдЯ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рдЗрд╕реЗ рдпрд╣рд╛рдБ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдореЗрдВ рдХреБрдЫ рднреА рдирд╣реАрдВ рдорд┐рд▓рд╛ред
рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ? рдЙрд╕ рдкрд░ рдПрдХ рдЗрдирд╛рдо рдкреЛрд╕реНрдЯ рдХрд░реЗрдВ! рд╣рдо рдмрд╛рдЙрдВрдЯреАрд╕реЛрд░реНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЗрдирд╛рдо рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВред
рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЗрд╕рдХрд╛ рдХреЛрдИ рд╣рд▓ рдорд┐рд▓рд╛? рдПрдХ рд╣реА рдирд╛рд╡ рдореЗрдВред
рдЗрд╕рдХреЗ рд▓рд┐рдП 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>
рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдЦреБрдж рд╕реЗ/
рд▓рд┐рдЦрдирд╛ рд╣реИ рд▓реЗрдХрд┐рди рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ :)
рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдмрдврд╝рд┐рдпрд╛
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╢реЙрд░реНрдЯрдХрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕рдмрд╕реЗ рдЖрд╕рд╛рди рдЙрдкрд╛рдп рд╣реИ:
Component
--->ctrl+e
рдпрд╛tab
------><Component></Component>
------>ctrl+shift+ ~
- -><Component />