Π― ΠΏΡΡΠ°ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ emmet Π΄Π»Ρ ΠΊΠ»Π°ΡΡΠΎΠ² Π² jsx, ΡΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠΎΠ΄ΡΠ»Ρ css, Π° Π½Π΅ ΡΡΡΠΎΠΊΡ:
| abr | ΡΠ΅ΠΊΡΡΠΈΠΉ | ΠΆΠ΅Π»Π°Π΅ΠΌΡΠΉ |
| --- | --- | --- |
| div.a
| <div className="a"></div>
| <div className={styles.a}></div>
|
ΠΠ΄Π½Π°ΠΊΠΎ Ρ Π½Π΅ ΠΌΠΎΠ³Ρ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎΠ³ΠΎ Π΄ΠΎΠ±ΠΈΡΡΡΡ. Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΠ½Π΅ Π½ΡΠΆΠ΅Π½ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ ΡΠΈΠ»ΡΡΡ. ΠΈ Ρ Π΄Π°ΠΆΠ΅ Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ Π»ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ ΡΠΈΠ»ΡΡΡΡ.
ΠΠΎΠΆΠ΅Ρ Π»ΠΈ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΌΠ½Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅?
ΠΏΠΎΡΡΠΎΠΌΡ Ρ ΠΏΡΠΎΠΏΡΡΡΠΈΠ» ΡΡΠΎ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°Ρ :
ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ°ΠΉΠ» .js, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΉ Π² ΠΏΠ°ΠΏΠΊΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ, Π±ΡΠ΄Π΅Ρ Π·Π°Π³ΡΡΠΆΠ΅Π½ ΠΈ Π·Π°ΠΏΡΡΠ΅Π½ ΠΏΡΠΈ Π·Π°ΠΏΡΡΠΊΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Π°. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ°ΠΉΠ»Ρ js Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΡΠΈΠ»ΡΡΡΠΎΠ² ΠΈΠ»ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ: Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠΎΠ΄ΡΠ»ΠΈ ΠΈ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ Emmet Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠ΅Π½Π°ΡΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript.
Π― ΡΠ΅ΠΉΡΠ°Ρ ΠΏΡΡΠ°ΡΡΡ Π·Π°ΡΡΠ°Π²ΠΈΡΡ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ
ΠΡΠ°ΠΊ, Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ emmet ΠΊΠ°ΠΊ ΡΠ°ΡΡΡ vscode. Π Ρ
ΠΎΡΡ ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΡ extensionPath.
Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ snippets.json
ΠΈ syntaxProfiles.json
..
ΠΠ½Π΅ ΠΏΠΎΡΡΠ΅Π±ΠΎΠ²Π°Π»ΠΎΡΡ Π²ΡΠ΅ΠΌΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ π
ΠΏΠΎΡΡΠΎΠΌΡ Ρ Π΄ΡΠΌΠ°Ρ, Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠΆΡ ΠΊ ΠΏΠΎΠΏΡΡΠΊΠ΅ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ emmet ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² vscode Π² ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ
ΠΡΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ? Π― ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΠ΅Π» Ρ Atom, ΠΈ Π² Atom Ρ Π²Π°Ρ Π΅ΡΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½: https://github.com/ambethia/emmet-jsx-css-modules
@midgethoen Π²Ρ ΠΈΡΠΏΡΠ°Π²ΠΈΠ»ΠΈ ΡΡΠΎ Π² vscode?
ΠΡΠ±ΡΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ?
ΠΠΎΡΡΠ°ΡΠ°ΡΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π² ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½ΡΡ Π²Π΅ΡΡΠΈΡ Emmet
ΠΡΡΡ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠΎ ΡΡΠΎΠΌΡ ΠΏΠΎΠ²ΠΎΠ΄Ρ?
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Ρ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ Emmet 2, ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΠ΅ Π·Π΄Π΅ΡΡ: https://github.com/emmetio/emmet/issues/589
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
@midgethoen Π²Ρ ΠΈΡΠΏΡΠ°Π²ΠΈΠ»ΠΈ ΡΡΠΎ Π² vscode?