sublime text Π½Π΅ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅ΡΡΡ ΠΊΠΎΠ΄
ΠΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ Brackets Π² Sublime Text 3
ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅. ΠΡΠΎΡ ΠΌΠΈΠ½ΠΈ Π³Π°ΠΉΠ΄ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ Ρ ΠΎΡΠ΅Ρ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ Brackets (ΡΠΊΠΎΠ±ΠΎΡΠ΅ΠΊ), ΠΊΠ°ΠΊ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² notepad++, ΠΏΡΠΈ ΡΡΠΎΠΌ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
ΠΡΠΈΡΡΡΠΏΠΈΠΌ
Π‘ΡΡΡ ΡΠ°ΠΊΠΎΠ²Π°, ΡΡΠΎ ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΈΠ»ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Color Scheme(ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΡ), ΠΊΠΎΡΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ.
ΠΡΠ°ΠΊ, Π·Π΄Π΅ΡΡ Π±ΡΠ΄Π΅Ρ 2 Π²Π°ΡΠΈΠ°Π½ΡΠ°. ΠΠ΅ΡΠ²ΡΠΉ, ΡΡΠΎ Π½ΠΎΠ²ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΡ, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ JSON, ΠΈ Π²ΡΠΎΡΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ, ΡΡΠ°ΡΡΠΉ, xml. Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΎΠ±Π° ΡΠ»ΡΡΠ°Ρ.
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° Π½ΡΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ Π°ΡΡ ΠΈΠ²(ΡΠΎΡ ΡΠ°ΠΌΡΠΉ sublime-package), Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ Π² Π΄Π²ΡΡ ΠΌΠ΅ΡΡΠ°Ρ . ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠΊΠ°ΡΠ΅Π½Π½ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ, ΠΈΠ΄Π΅ΠΌ ΡΡΠ΄Π°:
C:\Users\ΠΠΠ―_ΠΠΠΠ¬ΠΠΠΠΠ’ΠΠΠ―\AppData\Roaming\Sublime Text 3\Installed Packages
Π’ΡΡ Ρ
ΡΠ°Π½ΡΡΡΡ Π²ΡΠ΅ ΡΠΊΠ°ΡΠ΅Π½Π½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ
Π ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ, ΠΈΠ΄Π΅ΠΌ ΡΡΠ΄Π°:
ΠΠ°Π»ΡΡΠ΅, ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ Π°ΡΡ ΠΈΠ², ΠΈ ΡΠ°ΡΠΏΠ°ΠΊΠΎΠ²ΡΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ Π² ΠΏΠ°ΠΏΠΊΡ Ρ ΡΠ°ΠΊΠΈΠΌ ΠΆΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ. ΠΠΈΠ΄Π°Π΅ΠΌ Π°ΡΡ ΠΈΠ² ΠΏΠΎ ΡΡΠΎΠΌΡ ΠΏΡΡΠΈ:
C:\Users\ΠΠΠ―_ΠΠΠΠ¬ΠΠΠΠΠ’ΠΠΠ―\AppData\Roaming\Sublime Text 3\Packages
Π ΡΡΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ
ΡΠ°Π½ΠΈΡΡ ΠΈ ΠΌΠ΅Π½ΡΡΡ Π²Π°ΡΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ, ΠΎΠ½ΠΈ Π±ΡΠ΄ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ, ΠΈ ΠΈΡ
ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π½Π΅ Π°ΡΡ
ΠΈΠ²ΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΠ°ΡΠ½ΠΎ.
ΠΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΡ ΡΠ΅ΠΌΡ, ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ, ΠΈ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π΅Ρ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ Sublime Text 3.
ΠΠ°Π»Π΅Π΅ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ(ΡΡΡΠ»ΠΊΠ° Π² ΡΠ°ΠΌΠΎΠΌ Π½Π°ΡΠ°Π»Π΅), ΠΈ Π»ΠΈΡΡΠ°Π΅ΠΌ Π² ΡΠ°ΠΌΡΠΉ Π½ΠΈΠ· ΠΈ Π²ΠΈΠ΄ΠΈΠΌ:
ΠΠ°ΠΌ Π½ΡΠΆΠ½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° Color Schemes.
Π’ΡΡ ΠΎΠΏΠΈΡΠ°Π½Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΌΠ΅Π½ΡΡΡ.
ΠΡΠ»ΠΎΠΆΠΈΠΌ ΡΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΏΠΎΡΠΎΠΌ.
ΠΠ° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π½Π°ΠΌ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎ Π½ΡΠΆΠ½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° Brackets:
ΠΠ΄Π΅ΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌ Π΄Π»Ρ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠ° JSON:
ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ Π½ΡΠΆΠ½ΡΠ΅ Π½Π°ΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π½Π°ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ ΠΈ Π²ΠΈΠ΄ΠΈΠΌ:
ΠΠ°ΠΌ Π½ΡΠΆΠ΅Π½ Π±Π»ΠΎΠΊ Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«globalsΒ». Π’ΡΡ ΠΈ Π·Π°Π΄Π°ΡΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌ. ΠΠ°ΠΊ Π²ΠΈΠ΄ΠΈΠΌ, Π² ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ ΡΠ΅ΠΌΠ΅ Monokai ΡΠΆΠ΅ Π΅ΡΡΡ Π½ΡΠΆΠ½ΡΠ΅ Π½Π°ΠΌ ΡΡΡΠΎΡΠΊΠΈ
Π’ΡΡ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ Β«underlineΒ» Π½Π° Β«boldΒ» ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ Π²Π°ΠΌ ΡΠ³ΠΎΠ΄Π½ΠΎ ΡΡΠΈΠ»Ρ(ΠΈΠ· Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ), Π° ΡΠ°ΠΊ ΠΆΠ΅ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ Ρ white3 Π½Π° red ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠΉ Π½ΠΎΠΌΠ΅Ρ ΠΈΠ· ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΠΏΠ°Π»ΠΈΡΡΡ. Π’ΡΡ Π΄Π΅ΠΉΡΡΠ²ΡΡΡ ΠΊΠΎΠ½ΡΡΠ°Π½ΡΡ ΠΈΠ· CSS(ΠΎΠ½ΠΈ ΠΊΡΡΠ°ΡΠΈ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ Π½ΠΈΠΆΠ΅ Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ). Π’Π°ΠΊ ΡΡΠΎ Π²ΠΌΠ΅ΡΡΠΎ red, ΠΎΠ½ ΠΏΠΎΠ΄ΡΡΠ°Π²ΠΈΡ Π½ΠΎΠΌΠ΅Ρ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠ³ΠΎ ΠΎΡΡΠ΅Π½ΠΊΠ°.
Π’Π°ΠΊ ΠΆΠ΅ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅ΡΠ΅ Π΄Π²Π΅ ΡΡΡΠΎΠΊΠΈ Ρ ΡΠ°ΠΊΠΈΠΌΠΈ ΠΆΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ.
brackets_options β ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΊΡΡΡΠΎΡ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ ΠΎΠΊΠΎΠ»ΠΎ ΡΠΊΠΎΠ±ΠΎΡΠΊΠΈ.
brackets_foreground β ΠΊΠ°ΠΊΠΎΠΉ ΡΠ²Π΅Ρ Π±ΡΠ΄Π΅Ρ Ρ ΡΡΠΈΡ
ΡΠΊΠΎΠ±ΠΎΡΠ΅ΠΊ.
bracket_contents_options β ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΊΡΡΡΠΎΡ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π²Π½ΡΡΡΠΈ ΡΠΊΠΎΠ±ΠΎΡΠ΅ΠΊ.
bracket_contents_foreground β ΠΊΠ°ΠΊΠΎΠΉ ΡΠ²Π΅Ρ Π±ΡΠ΄Π΅Ρ Ρ ΡΡΠΈΡ
ΡΠΊΠΎΠ±ΠΎΡΠ΅ΠΊ.
ΠΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π½Π΅Π΄ΠΎΡΡΠ°ΡΡΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ(ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ ΠΈ Π²ΠΎΠ²ΡΠ΅ Π½Π΅ Π±ΡΡΡ) Π² Π±Π»ΠΎΠΊ, ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ. ΠΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π·Π°ΡΠ°Π±ΠΎΡΠ°ΡΡ.
ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π±Ρ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠΊΠΎΠ±ΠΎΡΠΊΠΈ Π΄Π»Ρ ΡΡΠ°ΡΡΡ ΡΠ΅ΠΌ, ΡΠ΅ ΠΊΠΎΡΠΎΡΡΠ΅ Π² xml, Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅, ΠΊΠΎΡΠΎΡΡΡ Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π» Π²ΡΡΠ΅, ΠΈ ΡΠ΅Π»ΠΊΠ½ΡΡΡ Π½Π° Global Settings:
ΠΠ°Π»ΡΡΠ΅ ΠΏΡΠΎΠ»ΠΈΡΡΠ°ΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ΅ ΠΈ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π΄Π»Ρ xml ΡΠΎΡΠΌΠ°ΡΠ°:
ΠΠ΄Π΅ΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΈΠ΄Π΅Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½Π°ΡΠ΅.
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° ΠΎΡΠΊΡΠΎΠ΅ΠΌ ΡΠ΅ΡΠ΅Π· Sublime Text 3 Π½Π°ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ, ΠΈ ΡΠ²ΠΈΠ΄ΠΈΠΌ:
ΠΠ°ΠΌ Π½ΡΠΆΠ΅Π½ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΉ Π±Π»ΠΎΠΊ. Π’ΡΠ΄Π° ΠΌΡ Π±ΡΠ΄Π΅ΠΌ Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΏΠ°ΡΡ ΠΊΠ»ΡΡ-Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅.
Π‘Π½Π°ΡΠ°Π»Π° ΠΈΠ΄Π΅Ρ ΠΊΠ»ΡΡ, ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°ΠΌ Π½ΡΠΆΠ΅Π½ bracketsOptions, Π° Π΄Π°Π»Π΅Π΅ ΠΈΠ΄Π΅Ρ Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΏΡΡΠΌΠΎ ΠΏΠΎΠ΄ Π½ΠΈΠΌ bold
ΠΡΠ³Π»ΡΠ΄ΠΈΡ ΡΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
Π’ΡΡ ΠΌΡ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° bracketsOptions Π·Π°Π΄Π°Π»ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ bold.
Π’Π°ΠΊΠΆΠ΅ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΡΠΎ Π² Π½ΡΠΆΠ½ΡΠΉ Π±Π»ΠΎΠΊ(ΠΎΠ½ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ Π²ΡΡΠ΅).
ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π²ΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π·Π°ΡΠ°Π±ΠΎΡΠ°ΡΡ.
Π’Π°ΠΊΠΆΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌ, ΠΎΠ½ΠΈ Π²ΡΠ΅ ΠΎΠΏΠΈΡΠ°Π½Ρ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ.
ΠΠ΅ ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π΅Ρ ΡΡΠΈΠ»ΠΈ ΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΎΠΉ ΠΊΠΎΠ΄Π° Π² Sublime Text
ΠΠ΄ΡΠ°Π°Π°Π°Π°Π²ΡΡΠ²ΡΠΉΡΠ΅.. ΠΠ°Π²ΠΈΡΠ»Π° Π½Π° 38-ΠΌ ΡΡΠΎΠΊΠ΅ ΠΏΠΎ HTML. ΠΠΈΡΡ ΠΊΠΎΠ΄ Π² css
input[type=»text»], input[type=»password»], input[type=»search»] <
color: #5d5d5d;
width: 60%;
padding: 8px;
>
Π ΡΠ΅Ρ Π½Π΅ ΡΠΎΠ±ΠΈΡ.. Π²Π°ΡΠ΅ Π½ΠΈΠΊΠ°ΠΊ.. Ρ ΠΎΡΡ ΡΠ»ΠΎΠ²ΠΎ Π² ΡΠ»ΠΎΠ²ΠΎ.. Π·Π½Π°ΠΊ-Π² Π·Π½Π°ΠΊ..
ΡΠΌΠΎΡΡΡ.. Ρ Π°Π²ΡΠΎΡΠ° type=»text» Π²ΡΠ΄Π΅Π»ΡΠ΅ΡΡΡ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ²Π΅ΡΠ°ΠΌΠΈ.. Ρ ΠΌΠ΅Π½Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ..
type Π·Π΅Π»Π΅Π½ΡΠΉ, = ΠΊΡΠ°ΡΠ½ΡΠΉ, «text» ΠΆΠ΅Π»ΡΡΠΉ.. ΠΊΠ°ΠΊ Π±ΡΠ΄ΡΠΎ ΠΎΠ½ ΠΈΡ Π½Π΅ ΡΠ°ΠΊ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ.. ΡΡΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ Π·Π°ΠΊΠΎΠ½Π½ΠΎ?! =)
Π° Π΅ΡΠ΅ Π±Π»Π°-Π±Π»Π°.. Sublime text(UNREGISTRE) Π² ΡΠ°ΠΌΠΎΠΌ Π²Π΅ΡΡ Ρ. ΠΠΎΠΆ ΡΡΠΎ ΠΊΠ°ΠΊ-ΡΠΎ ΡΠ²ΡΠ·Π°Π½ΠΎ.
ΠΠΎΡ ΠΎΠΆΠΈΠ΅ Π²ΠΎΠΏΡΠΎΡΡ
6 ΠΎΡΠ²Π΅ΡΠΎΠ²
ΠΡΠΎΡΡΠΎ ΠΏΠΎΠ΄ΡΡΠ²Π΅ΡΠΈΠ²Π°Π΅Ρ Π½Π΅ ΡΠ°ΠΊ ΠΊΠΎΠ΄ ΠΈΠ»ΠΈ ΡΠ°ΠΌ ΠΊΠΎΠ΄ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ (ΡΡΠΈΠ»ΠΈ Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊ Π²Π΅ΡΡΡΠΊΠ΅)?
Π Π°Π±ΠΎΡΠΈΠΉ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ Π·Π΄Π΅ΡΡ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, Π΅ΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π½Π΅ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ (ΡΠ°ΠΌ ΡΠ°ΠΊ Π΄Π΅Π»Π°Π») ΠΈΠ»ΠΈ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΡΠΎΠΊΠ°Ρ Π΅ΡΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π€Π°ΠΉΠ»Ρ(ΡΠΏΡΠ°Π²Π°) ΠΎΡ ΡΡΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ ΠΊ ΡΡΠΎΠΊΡ.
CΠ°ΠΌ ΠΊΠΎΠ΄ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ (ΡΡΠΈΠ»ΠΈ Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊ Π²Π΅ΡΡΡΠΊΠ΅). Π ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ.. Ρ ΠΌΠΌ.. Π½ΠΎ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ ΡΠΏΠ°ΡΠΈΠ±ΠΎ.. ΠΏΠΎΠΉΠ΄Ρ ΠΈΡΠΊΠ°ΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΌΠΎΠΆ Π³Π΄Π΅-Ρ ΠΏΠΎ ΠΊΠΎΠ΄Ρ..
Π ΡΡΡ Π΄ΠΎ ΠΌΠ΅Π½Ρ Π΄ΠΎΡΠ»ΠΎΠΎΠΎΠΎ.. Ρ Π½Π°Ρ ΠΆΠ΅ Π² input Π² HTML ΠΎΠ½ΠΈ ΠΏΠΎ-Π΄ΡΡΠ³ΠΎΠΌΡ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ. ΡΡΡΠ°Π½Π½ΠΎ.. ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π»ΠΎ ΡΡΠΎ Π² Π²ΠΈΠ΄Π΅ΠΎΡΡΠΎΠΊΠ΅?! =)))))
Π² css ΠΏΠΈΡΠΈΡΠ΅ input[type=»text»], input[type=»password»], input[type=»search»]
Π’Π°ΠΌ type Π½Π΅ search_field, Π° name search_field
Ρ.Π΅. ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΡΠ°ΠΊ (ΠΊΠ°ΠΊ ΠΈ Π² ΡΡΠΎΠΊΠ΅):
ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ Π² css ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΊ ΡΠΈΠΏΠ°ΠΌ text, password, search
ΠΠΉ-Π΅Π΅Π΅Π΅Π΅Π΅ΠΉ, ΡΠΎΡΠ½ΠΎ! Π― ΠΎΡΠ²Π»Π΅ΠΊΠ»Π°ΡΡ! Π Π²Ρ ΠΌΠ½Π΅ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΠ»ΠΈ Π²ΡΠ΅ΠΌΡ Π½Π° ΠΏΠΎΠΈΡΠΊΠ΅ ΠΌΠΎΠ΅ΠΉ ΠΎΡΠΈΠ±ΠΊΠΈ! +1 Π²Π°ΠΌ ΠΊ ΠΎΡΠ°ΡΠΎΠ²Π°Π½ΠΈΡ =))))
Π Sublime Text 3 Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° Babel ΡΠΊΡΠΈΠΏΡΠΎΠ², Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ Π² HTML
ΠΠΎΠ΄ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ Π½Π΅ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ ΡΡΠ°Π²Π»Ρ type=»text/babel» Ρ. ΠΊ. ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ReactJS. Π Π΅Π΄Π°ΠΊΡΠΎΡ β Sublime Text 3. Π ΡΡΠΌ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°?
2 ΠΎΡΠ²Π΅ΡΠ° 2
ΠΠΎΠΉ feature request, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΏΠΎ ΠΌΠΎΡΠΈΠ²Π°ΠΌ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π²ΠΎΠΏΡΠΎΡΠ°, Π±ΡΠ» Π·Π°ΠΊΡΡΡ, ΡΠ»ΡΡΡΠ°ΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ babel-ΡΠΊΡΠΈΠΏΡΠΎΠ² Π² HTML ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΏΠ°ΠΊΠ΅ΡΠ° Babel Π½Π΅ ΡΠΎΠ±ΠΈΡΠ°ΡΡΡΡ. ΠΠΎΠ³ΠΎ Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΠΈΡΡ β Π±Π΅Π· ΠΏΠΎΠ½ΡΡΠΈΡ.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ»ΡΡΠ°Ρ ΠΏΡΠΈΠ΄ΡΡΡΡ ΠΈΠ»ΠΈ
1. ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅
ΠΡΡΡΠ΅ Π½Π΅ Π²ΡΡΡΠ°ΠΈΠ²Π°ΠΉΡΠ΅ ΠΈΠ½Π»Π°ΠΉΠ½ΠΎΠ²ΡΠ΅ ΡΠΊΡΠΈΠΏΡΡ, Π½Π΅ ΠΌΡΡΠ°ΠΉΡΠ΅ΡΡ. ΠΠ° ΠΌΠΎΠΌΠ΅Π½Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΎΡΠ²Π΅ΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½Π° Babel β ΠΏΠΎ ΡΡΡΠΈ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅Π³ΠΎ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Π΄Π»Ρ Babel, ΠΏΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π°, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ° Babel, Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ Π² HTML, ΠΏΠ»ΠΎΡ Π°Ρ, Π΄Π°ΠΆΠ΅ ΠΎΡΠ΅Π½Ρ.
ΠΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈ ΠΏΠΎΡΠΈΡΠ°ΡΡ Π΄Π°Π½Π½ΡΠΉ ΠΎΡΠ²Π΅Ρ. ΠΠ½ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠ»Π΅Π·Π΅Π½ Π΄Π»Ρ Π΄ΡΡΠ³ΠΈΡ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΡ ΡΠ»ΡΡΠ°Π΅Π².
2. ΠΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ
3. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ Π΄Π»Ρ babel-ΡΠΊΡΠΈΠΏΡΠΎΠ²
Π‘ΠΊΠ°ΡΠΈΠ²Π°Π΅ΠΌ ΡΠ΅ΡΠ΅Π· Package Control ΠΏΠ»Π°Π³ΠΈΠ½ Babel Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ReactJS, ΠΈ Schemr β Π΄Π»Ρ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠ²Π΅ΡΠΎΠ²ΡΠΌ ΡΡ Π΅ΠΌΠ°ΠΌ.
1. ΠΡΠ±ΠΎΡ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΡ
Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Babel-ΡΠΊΡΠΈΠΏΡΠΎΠ²: ΠΌΠΎΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡ Π΅ΠΌΡ, Π½ΠΎ Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΡΡΠ°Π²ΠΈΠΌ Monokai Phoenix, Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ Π² ΠΏΠ»Π°Π³ΠΈΠ½ Babel. Ctrl+Shift+P β Schemr: List All Schemes β Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Monokai Phoenix [Dark] β ΡΠ²Π΅ΡΠΎΠ²Π°Ρ ΡΡ Π΅ΠΌΠ° ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π°.
4. ΠΡΠΎΠ±Π»Π΅ΠΌΠ° 1: Π½Π΅ ΠΆΠ΅Π»Π°Ρ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Babel Π΄Π»Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΡΠ°ΠΉΠ»ΠΎΠ²
ΠΠΎΠΏΡΡΡΠΈΠΌ, ΠΏΠΎΠΌΠΈΠΌΠΎ EcmaScript ΠΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ΅ΡΠ΅ Π½Π° Python. Π¦Π²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡ Π΅ΠΌΡ Π΄Π»Ρ Babel ΠΏΠ»ΠΎΡ ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°ΡΡ Python-ΡΠΊΡΠΈΠΏΡΡ, Π΄Π»Ρ Python Π»ΡΡΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΡ Π΅ΠΌΠΎΠΉ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΠ΅ΠΉ Python.
ΠΠ΅ Π΄Π΅Π»Π°Π΅ΠΌ Π½ΠΈΡΠ΅Π³ΠΎ ΠΈΠ· ΠΏΡΠΈΠ²Π΅Π΄ΡΠ½Π½ΠΎΠ³ΠΎ Π² ΠΏ. 3.1, Π΅ΡΠ»ΠΈ ΡΠ΄Π΅Π»Π°Π»ΠΈ β ΠΎΡΠΊΠ°ΡΠΈΡΠ΅ΡΡ. ΠΠ°Π»Π΅Π΅, ΠΊΠ°ΠΊ ΡΠ°ΡΠΏΠΈΡΠ°Π½ΠΎ Π² ΠΊΠ½ΠΈΠ³Π΅ Β«Sublime Text Power UserΒ», Preferences β Browse Packages β User β ΡΠΎΠ·Π΄Π°ΡΠΌ ΡΠ°ΠΉΠ» HTML.sublime-settings β ΠΌΠ΅ΠΆΠ΄Ρ <ΡΠΈΠ³ΡΡΠ½ΡΠΌΠΈ ΡΠΊΠΎΠ±ΠΊΠ°ΠΌΠΈ>Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄:
ΠΠ΅ ΠΏΡΡΠ°ΠΉΡΠ΅ΡΡ Π² JSON-ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅, ΡΠ»Π΅Π΄ΠΈΡΠ΅ Π·Π° ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ°ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΎΠΉ ΠΊΠ°Π²ΡΡΠ΅ΠΊ, ΡΠΊΠΎΠ±ΠΎΠΊ ΠΈ Π·Π°ΠΏΡΡΡΡ . ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΠΎΠΉ ΡΠ°ΠΉΠ» HTML.sublime-settings Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
Π‘ΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ ΡΠ°ΠΉΠ» β Π΄Π»Ρ ΡΠ°ΠΉΠ»ΠΎΠ² Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ΠΌ html Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠ²Π΅ΡΠΎΠ²Π°Ρ ΡΡ Π΅ΠΌΠ° Monokai Phoenix, Π΄Π»Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ β ΠΠ°ΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
5. ΠΠ°ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΡΡΡ ΠΊ ΡΠ°ΠΉΠ»Ρ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΡ
ΠΡΠΎΡΠ΅ΡΡ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ΅Π½ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΏΡΡΠΈ ΠΊ ΡΠ°ΠΉΠ»Ρ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° β ΡΠΌ. ΡΠ°Π·Π΄Π΅Π» 3 Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΎΡΠ²Π΅ΡΠ°.
1. Π§Π΅ΡΠ΅Π· Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΠΊΠΎΠ½ΡΠΎΠ»Ρ
ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ°ΠΉΠ», Π΄Π»Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΡ Π΅ΠΌΠ° Monokai Phoenix β Ctrl+’ (ΠΌΠ°ΡΠΈΠ½ΠΎΠΏΠΈΡΠ½ΡΠΉ ΠΎΠ±ΡΠ°ΡΠ½ΡΠΉ Π°ΠΏΠΎΡΡΡΠΎΡ, ΡΠΈΠΌΠ²ΠΎΠ» ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ Π½Π° ΡΠΎΠΉ ΠΆΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠ΅, Π³Π΄Π΅ ΠΊΠΈΡΠΈΠ»Π»ΠΈΡΠ΅ΡΠΊΠ°Ρ Β«ΡΒ») β Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π² ΠΎΡΠΊΡΡΠ²ΡΡΡΡΡ ΠΊΠΎΠ½ΡΠΎΠ»Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄:
ΠΠ° Π²ΡΡ ΠΎΠ΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ (Π±Π΅Π· ‘ΠΊΠ°Π²ΡΡΠ΅ΠΊ’) Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°ΠΊ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° color_scheme ΠΈΠ· ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅Π³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π°.
2. ΠΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ PackageResourceViewer
Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ PackageResourceViewer β PackageResourceViewer: Open Resource β
6. ΠΡΠΎΠ±Π»Π΅ΠΌΠ° 2: ΠΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Javascript (Babel) Π±ΡΠ» ΡΠΎΠ»ΡΠΊΠΎ Π² html-ΡΠ°ΠΉΠ»Π°Ρ Ρ Babel-ΡΠΊΡΠΈΠΏΡΠ°ΠΌΠΈ
ΠΡΠΈΠΌΠ΅Π½ΡΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ JavaScript (Babel) Π΄Π»Ρ HTML-ΡΠ°ΠΉΠ»ΠΎΠ², Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΡ Babel-ΡΠΊΡΠΈΠΏΡΡ Π½Π΅ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ:
1. ΠΠ°ΡΡΡΠΎΠΉΠΊΠ°
Π Π΄Π°Π½Π½ΠΎΠΌ ΠΏΠΎΠ΄ΡΠ°Π·Π΄Π΅Π»Π΅ ΡΠ°ΡΠΏΠΈΡΠ°Π½ΠΎ, ΠΊΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΡΠ»ΠΈ ΠΏΡΠΎΠ΄Π΅Π»ΡΠ²Π°Π»ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΈΠ· ΠΏΠΏ. 3.1 ΠΈ 4, ΠΎΡΠΊΠ°ΡΠΈΡΠ΅ ΠΈΡ .
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° Π²Π°Ρ ΠΎΡΠ²Π΅Ρ Π½Π° Stack Overflow Π½Π° ΡΡΡΡΠΊΠΎΠΌ!
Π’Π°ΠΊΠΆΠ΅, ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π·Π°ΠΌΠ΅ΡΠΊΡ Π² ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΎΠΌ ΡΠ΅Π½ΡΡΠ΅ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΠΈΡΠ°ΡΡ ΠΎΡΠ²Π΅ΡΡ.
Sublime Text 3 β ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠ°Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°
Π Π°ΡΡΠΈΡΡΠ΅ΠΌΠΎΡΡΡ Sublime Text Π½Π΅ Π·Π½Π°Π΅Ρ Π³ΡΠ°Π½ΠΈΡ. ΠΠ»Ρ ΡΠ΅Ρ , ΠΊΠΎΠΌΡ ΠΌΠ°Π»ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ, Π½Π° Π₯Π°Π±ΡΠ΅ ΡΠΆΠ΅ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π»ΠΈ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ½ΠΈΠΏΠΏΠ΅Ρ, ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈ Π΅ΡΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅Π³ΠΎ. ΠΡΠΎ ΡΡΡΠ½ΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° ΡΠΎΠ»ΠΊΠΎΠΌ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΡΠΌΠΎΠ³ Π½Π°ΠΉΡΠΈ: Π΄Π»Ρ ΠΊΠΎΠ³ΠΎ-ΡΠΎ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΠΊΠΎΠΌΡ-ΡΠΎ ΠΏΡΠΎΡΡΠΎ Π½Π΅ Π½ΡΠΆΠ½Π°, Π° ΠΊΠΎΠΌΡ-ΡΠΎ ΠΈ Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ° ΠΆΠ΅ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ.
ΠΡΠ°ΠΊ, Π·Π°Π΄Π°ΡΠ°: ΠΈΠΌΠ΅Ρ ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ Π°Π±ΡΡΡΠ°ΠΊΡΠ½ΡΠ΅ Π»ΠΎΠ³ΠΈ Π΄ΠΎΡΡΡΠΏΠ° Π² wonder-net:
Π²ΡΠ΄Π΅Π»ΠΈΡΡ:
ΠΠ°ΡΡ-Π²ΡΠ΅ΠΌΡ β ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΡΠΌ ΠΊΡΡΡΠΈΠ²ΠΎΠΌ;
ΠΠΎΠΌΠ΅Ρ ΠΊΠ°ΡΡΡ β ΠΆΠ΅Π»ΡΡΠΌ ΠΊΡΡΡΠΈΠ²ΠΎΠΌ, Π΅ΡΠ»ΠΈ Π½Π΅ Π² ΡΠ΅ΡΠ½ΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΠΈΠ»ΠΈ ΠΊΡΠ°ΡΠ½ΡΠΌ, Π΅ΡΠ»ΠΈ ΠΈΠ½Π°ΡΠ΅;
ip-Π°Π΄ΡΠ΅Ρ β ΡΠ΅ΠΌΠ½ΠΎ-Π·Π΅Π»Π΅Π½ΡΠΌ, Π΅ΡΠ»ΠΈ Π½Π΅ Π² ΡΠ΅ΡΠ½ΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΠΈΠ»ΠΈ ΠΊΡΠ°ΡΠ½ΡΠΌ, Π΅ΡΠ»ΠΈ ΠΈΠ½Π°ΡΠ΅;
scod=Ρ
Ρ
β ΡΠ΅ΠΌΠ½ΠΎ-Π·Π΅Π»Π΅Π½ΡΠΌ Π΅ΡΠ»ΠΈ 00 ΠΈΠ»ΠΈ ΠΊΡΠ°ΡΠ½ΡΠΌ, Π΅ΡΠ»ΠΈ ΠΈΠ½Π°ΡΠ΅.
Π Π½Π°ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΈΠ»ΠΈ, ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΌΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΠΌΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ. ΠΠ°ΡΠΊΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠ½ΡΠ», Π²ΡΠ΅ ΡΠ²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡ Π΅ΠΌΡ Π°ΠΊΠΊΡΡΠ°ΡΠ½ΠΎ ΡΠΎΠ±ΡΠ°Π½Ρ Π² ΡΠ°ΠΉΠ»Π΅ c:\Program Files\Sublime Text 3\Packages\Color Scheme β Default.sublime-package.
Π€Π°ΠΉΠ» ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ zip Π°ΡΡ ΠΈΠ² Π±Π΅Π· ΡΠΆΠ°ΡΠΈΡ. Π Π°ΡΠΏΠ°ΠΊΠΎΠ²ΡΠ²Π°Π΅ΠΌ, Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Π»ΡΠ±ΠΈΠΌΡΡ ΡΡ Π΅ΠΌΡ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Monokai.tmTheme) ΠΈ ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ Π΅Π΅ Π²β¦(Π·Π°ΠΏΡΡΠΊΠ°Π΅ΠΌ Sublime Text: ΠΌΠ΅Π½Ρ Preferences β Browse Packages) ΠΏΠ°ΠΏΠΊΡ User.
ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ²Π΅ΠΆΠ΅ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Monokai.tmTheme Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. Π ΡΠ°ΠΌΠΎΠΌ Π½ΠΈΠ·Ρ ΠΏΠ΅ΡΠ΅Π΄ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π±Π»ΠΎΠΊΠΈ ΡΡΠΈΠ»Π΅ΠΉ. Π‘ΡΠΈΠ»Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΡΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°: background, foreground ΠΈ fontStyle. fontStyle Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ bold, italic ΠΈ underline.
ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΡΠΉ ΠΊΡΡΡΠΈΠ² Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ:
2. Π ΡΠΎΠΉ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΠ΅ User ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΡΠ°ΠΉΠ» ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°: wonderLog.tmLanguage Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ:
ΠΠ° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ Π΅ΡΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΡΡ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡΠ΅ΡΠ΅Π½Π΄ΡΡΡ Π·Π°ΠΊΡΠ°ΡΠΈΡΡ ΡΠ²Π΅Ρ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ, ΡΠΎ ΠΏΡΠΈΠΎΡΠΈΡΠ΅Ρ Π±ΡΠ΄Π΅Ρ Ρ ΡΠΎΠ³ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΎ Π²ΡΡΠ΅ (ΠΏΠ΅ΡΠ²Π΅Π΅).
ΠΡΠ±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ: Preferences β Color Scheme β User β Monokai.
ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π½Π°Ρ ΡΡΠ΄ΠΎ-Π»ΠΎΠ³ (Π΅ΡΠ»ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Π° Π½Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ ΡΠ°Π±Π»ΠΎΠ½Π½ΡΠΌ, Π΄Π΅Π»Π°Π΅ΠΌ View β Syntax β wonderLog) ΠΈ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°Π΅ΠΌΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ:
Sublime Text 3 Π΄Π»Ρ Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ². ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΊΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΡΠΌ ΠΏΠΎΠ»ΡΠ·ΡΡΡΡ Π΄Π»Ρ Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ² ΡΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ. ΠΡΡΡΡΡΠΉ, ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ Sublime Text 3.
ΠΡ Ρ Π½ΡΠ»Ρ Π½Π°ΡΡΡΠΎΠ΅ΠΌ Π΅Π³ΠΎ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Ρ AutoFileName, BracketHighliter, ColorHighliter, Emmet, GotoCSSDeclaration ΠΈ Tag, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π½Π°ΠΌ ΠΏΡΠΈ Π²Π΅ΡΡΡΠΊΠ΅ ΡΠ°ΠΉΡΠΎΠ²! ΠΡ ΡΡΠΎ ΠΆ, ΠΎΡ ΡΠ»ΠΎΠ² ΠΊ Π΄Π΅Π»Ρ!
ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ, ΠΏΠΎΡΠ»Π΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Sublime Text 3, Ρ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΠΎΠΊΠΎΠ²Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ
ΠΠ»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ View β Side Bar β Show Open Files. Π ΡΡΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π°ΡΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ, ΡΠΎ Π΅ΡΡΡ ΠΏΠ°ΠΏΠΊΠΈ ΠΈ ΡΠ°ΠΉΠ»Ρ Π½Π°ΡΠ΅ΠΉ Π²Π΅ΡΡΡΠΊΠΈ. ΠΠ»Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ ΡΠ΅ΠΉΡΠ°Ρ Π΄ΠΎΠ±Π°Π²Π»Ρ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ . ΠΡΠ΅ ΡΡΠΎ ΡΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ β ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ ΠΏΠ°ΠΏΠΊΡ Ρ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ Π½Π° Π½Π°ΡΡ ΠΏΠ°Π½Π΅Π»Ρ.
Π¦Π²Π΅ΡΠΎΠ²Π°Ρ ΡΡ Π΅ΠΌΠ°
ΠΠ°Π»Π΅Π΅ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Ρ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΈ ΠΊΠΎΠ΄Π°, Π΄Π»Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ ΠΎΡΠΊΡΠΎΡ Π»ΡΠ±ΠΎΠΉ ΡΠ°ΠΉΠ», Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ HTML ΠΊΠΎΠ΄ΠΎΠΌ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π΄Π²Π° ΡΠ°Π·Π° ΠΊΠ»ΠΈΠΊΠ°Ρ Π½Π° Π½ΡΠΆΠ½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅. Π’Π΅ΠΏΠ΅ΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠΆΡ Preferences β Color Scheme, ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΎΠΊΠΎΡΠΊΠΎ Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΌΠΈ ΡΠ²Π΅ΡΠΎΠ²ΡΠΌΠΈ ΡΠ΅ΡΠ΅Π½ΠΈΡΠΌΠΈ ΠΈ ΠΏΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΡΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡΠ΅ΠΌΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π½Π°ΡΠ΅Π³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ ΡΠ°ΠΌΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π±ΡΠ΄ΡΡ ΠΌΠ΅Π½ΡΡΡΡΡ.
ΠΠΈΡΠ½ΠΎ ΠΌΠ½Π΅ Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΡΠ΅Π΄ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ², ΠΏΠΎΡΡΠΎΠΌΡ Ρ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ. ΠΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΈ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Ρ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡΠΌΠΈ ΠΊ Sublime packagecontrol.io. Π― ΡΠΆΠ΅ Π·Π½Π°Ρ ΠΊΠ°ΠΊΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ ΡΡ Π΅ΠΌΡ Ρ ΠΎΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ, ΡΡΠΎ ΡΠ΅ΠΉΡΠ°Ρ ΠΈ ΡΠ΄Π΅Π»Π°Ρ.
ΠΠ»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡ Π΅ΠΌΡ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΈ ΠΏΡΠΎΡΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ, ΠΌΠ½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠΏΠ΅ΡΠ²Π° ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΡΠΈΠΊ ΡΡΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ. ΠΠ²ΡΡΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎ, Π½ΠΎ Π½Π° Π΄Π΅Π»Π΅ Π²ΡΠ΅ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΠΏΡΠΎΡΠ΅.
ΠΠ΅ΡΠ΅Ρ ΠΎΠΆΡ Π² ΠΌΠ΅Π½Ρ Tools β Command Palette, Π»ΠΈΠ±ΠΎ Π½Π°ΠΆΠΈΠΌΠ°Ρ Ctrl+Shift+P. ΠΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π²ΠΎΡ ΡΠ°ΠΊΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Ρ ΠΏΠΎΠΈΡΠΊΠΎΠΌ, Π² ΠΏΠΎΠ»Π΅ ΠΏΠΎΠΈΡΠΊΠ° Π²Π²ΠΎΠΆΡ install ΠΏΠΎΠΊΠ° Π½Π΅ ΡΠ²ΠΈΠΆΡ ΠΏΡΠ½ΠΊΡ Install Package Control, ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Ρ Π½Π° Π½Π΅Π³ΠΎ. Π‘ΠΏΡΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΡΠ½Π΄ ΠΏΠΎΠ»ΡΡΠ°Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Package Control ΡΡΠΏΠ΅ΡΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½. Π’Π΅ΠΏΠ΅ΡΡ Ρ ΠΌΠΎΠ³Ρ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ ΠΊ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅ Π½ΡΠΆΠ½ΠΎΠΉ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΡ.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΠΏΡΡΡ Π²ΡΠ·ΡΠ²Π°Ρ Command Palette Π·Π°ΠΆΠΈΠΌΠ°Ρ Ctrl+Shift+P, Π² ΠΏΠΎΠ»Π΅ ΠΏΠΎΠΈΡΠΊΠ° ΠΎΠΏΡΡΡ Π²Π²ΠΎΠΆΡ install ΠΏΠΎΠΊΠ° Π½Π΅ ΡΠ²ΠΈΠΆΡ ΠΏΡΠ½ΠΊΡ Package Control: Install Package (ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΏΠ°ΠΊΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ) Π½Π°ΠΆΠΈΠΌΠ°Ρ Π½Π° Π½Π΅Π³ΠΎ. ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΠΎΠΆΠ΄Π°Π² Π²ΠΈΠΆΡ ΠΎΠΊΠ½ΠΎ ΡΠΎ ΡΠΏΠΈΡΠΊΠΎΠΌ Π²ΡΠ΅Ρ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ ΠΊ Sublime. ΠΡ, ΠΏΠΎΡΡΠΈ Π²ΡΠ΅Ρ .
Π ΠΏΠΎΠ»Π΅ ΠΏΠΎΠΈΡΠΊΠ° Π²Π²ΠΎΠΆΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Ρ ΠΎΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ, Π² Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ β ΡΡΠΎ ΡΠ²Π΅ΡΠΎΠ²Π°Ρ ΡΡ Π΅ΠΌΠ° ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Base16 Color Schemes, ΡΠΎΡΠ½Π΅Π΅ ΡΡΠΎ ΡΠ΅Π»ΡΠΉ ΠΏΠ°ΠΊΠ΅Ρ Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌ. ΠΠ°ΠΆΠΈΠΌΠ°Ρ Π½Π° Π½Π°ΠΉΠ΄Π΅Π½Π½ΡΠΉ ΠΏΡΠ½ΠΊΡ ΠΈ ΠΎΠΆΠΈΠ΄Π°Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ. ΠΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π½Π° Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ. ΠΠΎΠ»ΡΡΠΈΠ² ΡΠ°ΠΌ ΠΆΠ΅ ΠΊΠΎΡΠΎΡΠΊΠΎΠ΅ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π²ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠΆΡ ΠΊ ΡΠΌΠ΅Π½Π΅ ΡΡ Π΅ΠΌΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΡΠΊΡΡΠ²Π°Ρ ΡΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡΠΉ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ Preferences β Color Scheme ΠΈ Π²ΠΈΠΆΡ Π² ΠΎΡΠΊΡΡΠ²ΡΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ ΡΠΆΠ΅ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·Π½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². ΠΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΠ΅Ρ ΡΡ Π΅ΠΌΠ° Ocean, Π²Π²ΠΎΠΆΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π² ΠΏΠΎΠΈΡΠΊΠ΅, ΠΈΡ ΡΡΡ Π΅ΡΡΡ Π΄Π²Π΅: ΠΎΠ΄Π½Π° Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½Π΅ΠΉ Π΄ΡΡΠ³ΠΎΠΉ.
ΠΠΎΡ Π»ΡΠ±ΠΈΠΌΠ°Ρ ΡΠ²Π΅ΡΠΎΠ²Π°Ρ ΡΡ Π΅ΠΌΠ° ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π°, ΡΡ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΡ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ΅Π±Π΅ Π»ΡΠ±ΡΡ Π΄ΡΡΠ³ΡΡ.
ΠΠ±ΡΠΈΠΉ Π²ΠΈΠ΄ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΌΠ½Π΅ Π±ΠΎΠ»ΡΡΠ΅ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ΅ΠΌΠ½ΡΠΉ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠΆΡ Preferences β Theme, ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡ Π½Π° Adaptive.sublime-theme
Π‘ΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠΎΠ² ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½ΠΎ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΊΠΎΠ΄ΠΎΠΌ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΎ Π²Π»ΠΈΡΠ΅Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° Π²ΠΎΡΠΏΡΠΈΡΡΠΈΠ΅, Π½ΠΎ ΠΈ Π½Π° ΡΡΡΠ°Π»ΠΎΡΡΡ ΠΈ Π·Π΄ΠΎΡΠΎΠ²ΡΠ΅ ΡΠ²ΠΎΠΈΡ Π³Π»Π°Π·. Π’Π°ΠΊ ΡΡΠΎ ΠΏΠΎΠ΄Π±Π΅ΡΠΈ ΡΠ΅Π±Π΅ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΡΠ΅Π±Ρ Π½ΠΈΡΠ΅Π³ΠΎ Π² Π½Π΅ΠΉ Π½Π΅ Π½Π°ΠΏΡΡΠ³Π°Π»ΠΎ. Π ΠΏΠΎΠΌΠ½ΠΈ ΠΏΡΠΎ ΠΏΠ΅ΡΠ΅ΡΡΠ²Ρ Π² ΡΠ°Π±ΠΎΡΠ΅!
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠ²ΡΡΠΈΡΡ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΈ ΠΊΠΎΠΌΡΠΎΡΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π½ΠΈΠΌ ΠΌΠ½Π΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ. ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Preferences β Settings. ΠΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΡΠ°ΠΊΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΡΠ°Π·Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Π½Π° Π΄Π²Π΅ ΡΠ°ΡΡΠΈ. Π Π»Π΅Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΈΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π½Π΅Π»ΡΠ·Ρ, Π° Π²ΠΎΡ Π² ΠΏΡΠ°Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΡ ΠΌΠΎΠΆΠ΅ΡΡ ΡΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΏΠ΅ΡΠ΅Π½Π°Π·Π½Π°ΡΠΈΡΡ, ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΠ»Π΅Π΄ΡΡΡΠ°Ρ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ΄ΡΠΈ ΡΠ΅ΡΠ΅Π· Π·Π°ΠΏΡΡΡΡ. ΠΠΎΡ ΠΊΠ°ΠΊΠΈΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Ρ:
ΠΠΎΡΡΠ½Ρ ΠΊΠ°ΠΆΠ΄ΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΡ.
Π£Π±ΠΈΡΠ°Π΅Ρ ΡΡΡΠ°Π½Π½ΡΠ΅ ΠΎΡΡΡΡΠΏΡ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΡΡ, ΡΡΠΎ Π΄Π΅Π»Π°Π΅Ρ ΠΎΠ±ΡΡΡ ΠΊΠ°ΡΡΠΈΠ½Ρ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΠΎΠΉ.
ΠΡΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.Π’Π°ΠΊΠΆΠ΅ Π±ΡΡΡΡΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ°, ΡΠ°Π±ΠΎΡΠ°Ρ Ρ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΆΠ°Π² ΠΊΠΎΠ½ΡΡΠΎΠ» ΠΈ ΠΏΠΎΠΊΡΡΡΠΈΠ² ΠΊΠΎΠ»Π΅ΡΠΎ ΠΌΡΡΠΈ.
ΠΡΠ»ΠΈ ΡΡ Π²Π΄ΡΡΠ³ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ» ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎ, ΡΠΎ ΡΠ±ΡΠΎΡΠΈΡΡ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Ρ Π² Preferences β Font β Reset
ΠΡΠΈ Π»ΠΈΠ½ΠΈΠΈ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π½Ρ Π΄Π»Ρ Π½ΠΎΠ²ΠΈΡΠΊΠ°, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΡΡΠΎ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π² ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ Π² ΠΊΠΎΠ΄Π΅.
ΠΠΈΡΠ½ΠΎ Ρ ΠΎΡΠΊΠ»ΡΡΠ°Ρ ΠΈΡ (false) ΠΏΠΎ Π΄Π²ΡΠΌ ΠΏΡΠΈΡΠΈΠ½Π°ΠΌ. ΠΠ΅ΡΠ²Π°Ρ β Ρ ΡΠΆΠ΅ Π½Π΅ Π½ΠΎΠ²ΠΈΡΠΎΠΊ ΠΈ Π±Π΅Π· Π½ΠΈΡ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ ΡΠΏΡΠ°Π²Π»ΡΡΡΡ, Π²ΡΠΎΡΠ°Ρ ΠΏΡΠΈΡΠΈΠ½Π° β ΡΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ°Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°.
ΠΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡΠ΅ ΡΠ°Π±ΡΠ»ΡΡΠΈΠΈ ΠΈ ΠΏΡΠΎΠ±Π΅Π»Ρ. Π’ΠΎ Π΅ΡΡΡ ΡΡΠΎ Π½Π΅ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°, Π° ΠΏΡΠΎΡΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Π΄Π»Ρ ΡΠ΄ΠΎΠ±ΡΡΠ²Π° ΡΠ°Π±ΠΎΡΡ. Π Π²ΠΎΡ, Π΅ΡΠ»ΠΈ Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΈ draw_indent_guides ΠΈ draw_white_space ΡΠΎ ΠΏΠΎΠ»ΡΡΠ°ΡΠ΅ΡΡ ΠΊΠ°ΡΠΈΡΠ° ΠΊΠΎΡΠΎΡΠ°Ρ Π»ΠΈΡΠ½ΠΎ ΠΌΠ΅Π½Ρ Π½Π°ΠΏΡΡΠ³Π°Π΅Ρ. Π§ΡΠΎ ΠΈΠ· ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, Π° ΡΡΠΎ Π½Π΅Ρ β ΡΠ΅ΡΠ°ΡΡ ΡΠ΅Π±Π΅.
Π Π°Π·ΠΌΠ΅Ρ ΡΠΈΡΠΈΠ½Ρ Π»ΠΈΠ½ΠΈΠΈ ΠΎΡΡΡΡΠΏΠ° ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Tab. ΠΠΈΡΠ½ΠΎ ΠΌΠ½Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ 3ΠΉ ΡΠ°Π·ΠΌΠ΅Ρ π
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ ΠΌΡ ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ, Π° ΠΏΠΎΡΠΎΠΌ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎ Π·Π°ΠΊΡΡΠ»ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ π ΠΡΠ²Π°Π΅Ρ ΡΠ°ΠΊΠΎΠ΅? Π£ ΠΌΠ΅Π½Ρ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ, ΡΠ°ΠΊ Π²ΠΎΡ ΡΡΠ° Π½Π°ΡΡΡΠΎΠΉΠΊΠ° Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Β«ΠΏΠ°ΠΌΡΡΡΒ» Ρ Sublime ΠΈ ΠΏΡΠΈ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΎΡΠΊΡΡΡΠΈΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΎΡΠΊΡΠΎΡΡΡΡ ΠΈ Π²ΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Ρ. Π Π΄Π°, ΠΏΠ°ΠΌΡΡΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΈ ΠΏΠΎΡΠ»Π΅ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΊΠΎΠΌΠΏΠ°.
Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π±ΠΎΡΠ΅Π³ΠΎ ΠΎΠΊΠ½Π°
ΠΡΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΡΡΡΠΈΡΡ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΈ ΡΡΠΊΠΎΡΠΈΡΡ ΠΏΡΠΎΡΠ΅ΡΡ Π²Π΅ΡΡΡΠΊΠΈ Π½Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π±ΠΎΡΠ΅Π³ΠΎ ΠΎΠΊΠ½Π°.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ index.html style.css ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ js ΡΠ°ΠΉΠ», ΡΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ΄ΠΎΠ±ΡΡΠ²ΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΠΊΠ½Π° Ρ ΠΊΠΎΠ΄ΠΎΠΌ Π½Π° ΡΠ΅ΠΊΡΠΎΡΡ. ΠΠ°ΡΠΈΠ½ΡΠΎΠ² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ. ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Π² View β Layout ΠΈ ΡΠΌΠΎΡΡΠΈΠΌ ΡΡΠΎ ΡΡΡ Ρ Π½Π°Ρ Π΅ΡΡΡ.
Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ Single β ΡΡΠΎ Π²ΠΈΠ΄ Π±Π΅Π· ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΊΠ°ΠΊ ΡΠ΅ΠΉΡΠ°Ρ, Columns: 2, 3, 4 ΡΡΠΎ ΡΠ°Π·Π±ΠΈΠ²ΠΊΠ° ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ Π½Π°ΠΆΠ°Π² Π½Π° Columns: 2 Π½Π°Ρ ΡΠΊΡΠ°Π½ Ρ ΠΊΠΎΠ΄ΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»ΠΈΡΡΡ ΠΏΠΎΠΏΠΎΠ»Π°ΠΌ, ΠΈ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ°ΡΡΡ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΡ Π² ΠΏΡΡΡΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΊΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ CSS ΡΠ»Π΅Π²Π° HTML ΠΈ JS ΡΠΏΡΠ°Π²Π°, ΡΡΠΎ Π΄Π΅Π»Π°Π΅Ρ ΡΠ°Π±ΠΎΡΡ Π±ΠΎΠ»Π΅Π΅ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΠΉ ΠΈ Π±ΡΡΡΡΠΎΠΉ.
Π’Π°ΠΊ ΠΆΠ΅ Ρ Π½Π°Ρ Π΅ΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡ ΡΠΊΡΠ°Π½ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ ΡΡΠΎ Rows: 2 ΠΈ Rows: 3, Π½Π°ΠΆΠ°Π² Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π½Π° Rows: 3 ΠΏΠΎΠ»ΡΡΠΈΠΌ ΡΡΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΎΠΊΠ½Π° ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠΈΠ½ΡΡΡ JS ΡΠ°ΠΉΠ» Π² ΡΡΠ΅ΡΡΠ΅ ΠΎΠΊΠ½ΠΎ. Π ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΡΡΠΎ Grid: 4 ΠΊΠΎΡΠΎΡΡΠΉ Π΄Π΅Π»ΠΈΡ ΡΠΊΡΠ°Π½ ΠΏΠΎΠΏΠΎΠ»Π°ΠΌ ΠΊΠ°ΠΊ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ, ΡΠ°ΠΊ ΠΈ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΏΠΎΠ»ΡΡΠ°ΡΡΡΡ ΡΠ΅ΡΡΡΠ΅ ΠΎΠΊΠ½Π°. ΠΠ±ΡΠ°ΡΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅ΠΆΠΈΠΌΠ°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π³ΠΎΡΡΡΠΈΡ ΠΊΠ»Π°Π²ΠΈΡ Alt+Shift+ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ°Ρ ΡΠΈΡΡΠ°.
Π’Π°ΠΊ ΡΡΠΎ Ρ ΡΠ΅Π±Ρ Π΅ΡΡΡ ΡΠΈΡΠΎΠΊΠΈΠΉ Π²ΡΠ±ΠΎΡ ΠΏΠΎ Π²ΠΊΡΡΡ. Π― ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΎΠ΄Π½ΠΎ ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ.
ΠΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°
ΠΠΎΠ½Π΅ΡΠ½ΠΎΠΉ Π½Π°ΡΡΡΠΎΠΉΠΊΠΎΠΉ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° Π±ΡΠ΄Π΅Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°. Π‘Π»ΠΎΠ²ΠΎ ΡΡΡΠ°ΡΠ½ΠΎΠ΅, ΠΎΠ΄Π½Π°ΠΊΠΎ Π½Π° Π΄Π΅Π»Π΅ Π²ΡΠ΅ ΠΏΡΠΎΡΡΠΎ.
ΠΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° β ΡΡΠΎ ΠΎΡΠΎΠ±ΠΎΠ΅ ΠΎΠΊΡΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠΎΠΌ ΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° Π² ΠΊΠΎΠ΄Π΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΡΡΠΎΠΉ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΠ΅ Π² HTML ΡΠ°ΠΉΠ»Π΅ ΠΊΡΠ°cΠ½ΡΠΌ Π²ΡΠ΄Π΅Π»Π΅Π½ ΡΠ΅Π³, Π·Π΅Π»Π΅Π½ΡΠΌ β Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ°, Π±Π΅Π»ΡΠΌ β ΡΠ΅ΠΊΡΡ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΡΠΎ Π΄Π΅Π»Π°Π΅Ρ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΠ΅ ΠΊΠΎΠ΄Π° Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ½ΡΡΠ½Π΅Π΅. ΠΠ±ΡΠ°ΡΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΡΠ°Π²ΡΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΡΠ³ΠΎΠ» ΠΎΠΊΠ½Π° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ ΠΊΠ°ΠΊ ΠΊΠΎΠΉ ΡΠ°ΠΉΠ» Ρ Π½Π°Ρ ΡΠ΅ΠΉΡΠ°Ρ Π°ΠΊΡΠΈΠ²Π΅Π½, CSS HTML JS ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΊΠΎΠ΄Π° ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π°.
ΠΠ°ΡΠ΅ΠΌ ΠΆΠ΅ ΡΡΡ ΡΡΠΎ-ΡΠΎ Π΄Π΅Π»Π°ΡΡ Π΅ΡΠ»ΠΈ Π²ΡΠ΅ ΠΈ ΡΠ°ΠΊ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ? ΠΠ΅Π»ΠΎ Π² ΡΠΎΠΌ ΡΡΠΎ Π² Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΌ ΠΏΠ°ΠΊΠ΅ΡΠ΅ Sublime ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Ρ ΠΏΠ°ΠΊΠ΅ΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠΎΡΠΌΠ°ΡΠΎΠ².
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ Ρ ΠΏΠ»Π°Π½ΠΈΡΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ SCSS, ΠΎΡΠΊΡΡΠ² Π΅Π³ΠΎ Ρ ΡΠ²ΠΈΠΆΡ ΡΠΏΠ»ΠΎΡΠ½ΡΡ ΠΏΡΠΎΡΡΡΠ½Ρ ΠΈΠ· Π½Π°Π±ΠΎΡΠ° Π±Π΅Π»ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ². ΠΠ΅ ΠΎΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ, ΠΏΡΠ°Π²Π΄Π°?
Π’Π°ΠΊ Π²ΠΎΡ, Π² ΡΠ°ΠΊΠΈΡ ΡΠ»ΡΡΠ°ΡΡ Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Ρ Π½ΡΠΆΠ½ΡΠΉ ΠΏΠ°ΠΊΠ΅Ρ.
ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π½Π°Ρ ΠΏΡΠΈΠ²ΡΡΠ½ΡΠΉ CommΠ°nd Palette ΠΏΠ΅ΡΠ΅ΠΉΠ΄Ρ Tools β Command Palette, Π»ΠΈΠ±ΠΎ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ctrl+Shift+P Π½Π°Π±ΠΈΡΠ°Π΅ΠΌ install, ΠΆΠΌΠ΅ΠΌ Install Package Control ΠΈ ΠΈΡΠ΅ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ SCSS. ΠΠ°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° Π½Π΅Π³ΠΎ, ΠΏΠΎΡΠ»Π΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ Π½Π°ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° SCSS. Π‘Π΅ΠΉΡΠ°Ρ Π²ΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠΈΠΌΠΏΠ°ΡΠΈΡΠ½Π΅Π΅, Π½Π΅ ΡΠ°ΠΊ Π»ΠΈ?
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Π²Π°ΠΆΠ½Π°, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π΄Π»ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΠΌ Π·Π° Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠ΄Π°. ΠΡΠΎ Π²Π»ΠΈΡΠ΅Ρ Π½Π° Π½Π°ΡΡ ΡΡΡΠ°Π»ΠΎΡΡΡ, ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΠ²Π½ΠΎΡΡΡ, Π·Π΄ΠΎΡΠΎΠ²ΡΠ΅ Π΄Π° ΠΈ ΠΏΡΠΎΡΡΠΎ Π½Π° Π½Π°ΡΡΡΠΎΠ΅Π½ΠΈΠ΅.
Π‘Π»Π΅Π΄ΡΡΡΠ΅Π΅, ΡΡΠΎ ΠΌΡ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΡΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ ΡΡΠ΄ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ. ΠΡ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ, Π° Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΏΡΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ Π°ΠΊΡΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ°ΠΌ ΠΈ ΠΊΠΎΡΠΎΡΡΠ΅ Π² ΡΠ°Π·Ρ ΡΡΠΊΠΎΡΡΡ Π²Π΅ΡΡ ΠΏΡΠΎΡΠ΅ΡΡ Π²Π΅ΡΡΡΠΊΠΈ. ΠΡΠΈΡΡΡΠΏΠΈΠΌ!
ΠΠ»Π°Π³ΠΈΠ½Ρ
AutoFileName
ΠΠ΅Π»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΡΡΠΎ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π² ΡΠ°Π·Ρ ΠΎΠ±Π»Π΅Π³ΡΠ°Π΅Ρ ΠΏΡΠΎΡΠ΅ΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ Π΅Π³ΠΎ. ΠΠ°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ctrl+Shift+P Π΄Π°Π»Π΅Π΅ Install Package Control ΠΈΡΠ΅ΠΌ AutoFileName ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ. ΠΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΡΠ΅ΠΉΡΠ°Ρ. Π‘ΡΠ°Π·Ρ Π·Π°ΠΌΠ΅ΡΠ°Π΅ΠΌ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ ΡΠΎ ΡΠΏΠΈΡΠΊΠΎΠΌ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ ΡΠ°ΠΉΠ»ΠΎΠ². ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Π² Π½ΡΠΆΠ½ΡΡ ΠΏΠ°ΠΏΠΊΡ Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌΠΈ ΠΈ Π²ΠΈΠ΄ΠΈΠΌ ΡΡΡ Π½ΡΠΆΠ½ΡΠΉ Π½Π°ΠΌ ΡΠ°ΠΉΠ», Π° ΡΠ°ΠΊΠΆΠ΅ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡ, ΡΡΠΎ ΡΠΎΠΆΠ΅ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ.
BracketHighliter
BracketHighliter ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π²Π΅ΡΡΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΠΊΠ°Π²ΡΡΠ΅ΠΊ. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ Π΅Π³ΠΎ. ΠΠ°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ctrl+Shift+P, Install Package Control ΠΈΡΠ΅ΠΌ BracketHighliter. Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ. Π’ΡΡ Π΄Π°ΠΆΠ΅ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ» Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΎΠ± ΡΡΠΏΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅. Π’Π΅ΠΏΠ΅ΡΡ Π² Π½Π°ΡΠ΅ΠΌ ΠΊΠΎΠ΄Π΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°ΡΡΡΡ Π½Π°ΡΠ°Π»ΡΠ½ΡΠΉ ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³, Π½Π°ΡΠ°Π»ΡΠ½Π°Ρ ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½Π°Ρ ΠΊΠΎΠ²ΡΡΠΊΠ°, ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ°Ρ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ°Ρ ΡΠΊΠΎΠ±ΠΊΠ°. ΠΡΠΎ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Ρ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ Π² ΠΊΠΎΠ΄Π΅.
ColorHighliter
ΠΠ±ΡΠ°ΡΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΡΠΎΡ ΠΊΠΎΠ΄ β ΡΡΠΎ ΠΊΠΎΠ΄ ΡΠ²Π΅ΡΠ°, Π½ΠΎ ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΠΎ.
ΠΠ°Π²Π°ΠΉ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ ΠΏΠ»Π°Π³ΠΈΠ½. Ctrl+Shift+P, Install Package Control ΠΈΡΠ΅ΠΌ ColorHighliter. ΠΠΏΡΡΡ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ» Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΎΠ± ΡΡΠΏΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅. Π ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ ΠΎ Π½Π΅ΠΊΠΎΠΉ ΠΎΡΠΈΠ±ΠΊΠ΅, ΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅ΠΌ ΠΈΡ . Π‘ΠΌΠΎΡΡΠΈΠΌ Π½Π° Π½Π°Ρ ΠΊΠΎΠ΄ Ρ ΡΠ²Π΅ΡΠΎΠΌ, ΠΈ ΡΠ΅ΠΏΠ΅ΡΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΡΠΎ Π·Π° ΡΠ²Π΅Ρ ΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π·Π° Π±ΡΠΊΠ²Π΅Π½Π½ΠΎΡΠΈΡΡΠΎΠ²ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Π‘Π°ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π² ΠΌΠ΅Π½Ρ Tools β ColorHighliter Π½ΠΎ ΡΠ΅ΠΉΡΠ°Ρ Π½Π΅ Π±ΡΠ΄Π΅ΠΌ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡΡ Π½Π° ΡΡΠΎΠΌ. ΠΡΠ΅ ΠΈ ΡΠ°ΠΊ ΡΡΠ°Π»ΠΎ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡΡΡΠ΅.
ΠΠ΅Π»ΠΈΠΊΠΈΠΉ ΠΈ ΠΌΠΎΠ³ΡΡΠΈΠΉ Emmet
Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΠΏΠΎ Π½Π°ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠΉ ΡΡ Π΅ΠΌΠ΅. Ctrl+Shift+P, Install Package Control ΠΈΡΠ΅ΠΌ Emmet. ΠΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ» Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ΠΌ Ρ ΠΏΡΠΎΡΡΠ±ΠΎΠΉ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΈΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π΄Π»Ρ ΠΎΠΊΠΎΠ½ΡΠ°Π½ΠΈΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ. ΠΠ°ΠΊΡΡΠ²Π°Π΅ΠΌ ΠΈ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Sublime. ΠΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅, ΡΡΠΎ Π²ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ.
ΠΡΠ°ΠΊ, ΡΡΠΎ ΠΆΠ΅ ΡΠΌΠ΅Π΅Ρ Emmet?
ΠΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ Π² HTML ΡΠ°ΠΉΠ» ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ Π·Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ΅Π³ div Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ .block, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π½Π°ΠΌ ΡΠ΅ΠΏΠ΅ΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠΎΡΠΊΡ, Π½Π°ΠΏΠΈΡΠ°ΡΡ «block» ΠΈ Π½Π°ΠΆΠ°ΡΡ ΠΊΠ»Π°Π²ΠΈΡΡ Tab. ΠΡ ΠΏΠΎΠ»ΡΡΠΈΠΌ:
Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΡ Π·Π°ΠΏΠΈΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π² ΡΠ΅Π³ div Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ .block Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠ΅Π³ span ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΡΡ Π·Π°ΠΏΠΈΡΡ:
ΠΠΌΠ΅ΠΌ ΠΊΠ»Π°Π²ΠΈΡΡ Tab ΠΈ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ:
ΠΠΎ ΠΈ ΡΡΠΎ Π΅ΡΠ΅ Π½Π΅ Π²ΡΠ΅, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΠ½ΠΈΠΏΠΏΠ΅ΡΡ, ΡΠΎ Π΅ΡΡΡ ΡΠ°Π±Π»ΠΎΠ½Ρ/Π·Π°Π³ΠΎΡΠΎΠ²ΠΊΠΈ.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ Preferences β Package Settings β Emmet β Settings User. ΠΠ΄Π΅ΡΡ Π·Π°ΠΏΠΈΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ Π²ΡΠ·Π²Π°ΡΡ Π·Π°ΠΏΠΈΡΡ:
Π½Π°ΠΌ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°ΡΡ bl ΠΈ Π½Π°ΠΆΠ°ΡΡ ΠΊΠ»Π°Π²ΠΈΡΡ Tab
ΠΠ· ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅Π΄ΡΠ΅Ρ, ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Emmet Π±Π΅Π·Π³ΡΠ°Π½ΠΈΡΠ½Ρ, ΠΈ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ²ΠΎΠΈ ΡΠ½ΠΈΠΏΠΏΠ΅ΡΡ ΠΊΠ°ΠΊ ΡΠ³ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΎΡΠ΅Π½Ρ Π±ΡΡΡΡΠΎ. ΠΠΎΠ΄ΡΠΎΠ±Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ https://emmet.io
GotoCSSDeclaration
ΠΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΌ Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠ΅ΠΉ Π² ΠΊΠΎΠ΄Π΅. Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΡΠΎΠ²Π½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ. ΠΠ°Π»Π΅Π΅ Π½Π°Π·Π½Π°ΡΠΈΠΌ Π³ΠΎΡΡΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Preferences β Key Bindings, ΠΈ ΠΏΠΈΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄
ΠΠ΄Π΅ [«ctrl+1«] ΡΡΠΎ ΠΈ Π΅ΡΡΡ Π½ΡΠΆΠ½ΠΎΠ΅ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡ. Π‘ΠΎΡ
ΡΠ°Π½ΡΠ΅ΠΌ Cntr+S.
Π Π²ΠΎΡ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. Π£ Π½Π°Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΎΡΠΊΡΡΡ CSS ΠΈ HTML ΡΠ°ΠΉΠ»Ρ. CSS ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ΠΎΡΠ΅Π½Ρ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΈ Π½Π°ΠΉΡΠΈ ΡΡΠΎ-ΡΠΎ Π±ΡΡΡΡΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎ, Π½ΠΎ ΡΡΠΎ Π² ΠΏΡΠΎΡΠ»ΠΎΠΌ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ CSS Π΄Π»Ρ ΠΊΠ»Π°ΡΡΠ° content-mainpage ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ Π½Π° Π½Π΅Π³ΠΎ ΠΌΡΡΠΊΠΎΠΉ ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ctrl+1. ΠΡΠ°Π»Ρ, ΠΌΡ Π² Π½ΡΠΆΠ½ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ CSS ΡΠ°ΠΉΠ»Π°.
ΠΡ ΠΈ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ Π΄ΠΎΡΠΈΡΠ°Π» Π΄ΠΎ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½ΡΠ° ΠΏΠΎΠΊΠ°ΠΆΡ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π½Π΅ ΡΠ°ΠΊ ΠΏΡΠΎΡΡΠΎ, Π½ΠΎ ΠΎΠ½ ΡΠΎΡΠ½ΠΎ ΡΠΎΠ³ΠΎ ΡΡΠΎΠΈΡ.
ΠΠΎΠ²ΡΡ Π΅Π³ΠΎ Tag ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π½Π°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ Π΅Π³ΠΎ Π²ΡΡΡΠ½ΡΡ. ΠΠΎ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ Π°ΡΡ ΠΈΠ² Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ. ΠΠ°Π»Π΅Π΅ ΡΠ°ΡΠΏΠ°ΠΊΠΎΠ²ΡΠ²Π°Π΅ΠΌ Π² ΠΎΡΠΎΠ±ΡΡ ΠΏΠ°ΠΏΠΊΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ. ΠΠ»Ρ Windows 10 ΡΡΠΎ C:\Users\[ΠΠΎΠ΄ΡΡΠ°Π²Ρ ΡΠ²ΠΎΠ΅ ΠΈΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ]\AppData\Roaming\Sublime Text 3\Packages. ΠΠ°Π»Π΅Π΅ Π·Π°ΠΊΡΡΠ²Π°Π΅ΠΌ Sublime ΠΈ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ½ΠΎΠ²Π° ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π³ΠΎΡΡΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ ΠΎΡΠΊΡΡΠ² Preferences β Key Bindings ΠΈ Π΄ΠΎΠΏΠΈΡΠ°Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΠ΄Π΅ ctrl+` ΡΡΠΎ ΠΈ Π΅ΡΡΡ Π½Π°ΡΠ΅ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡ.
ΠΡΠ°ΠΊ, Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΠΆΠ΅ ΠΌΡ ΠΏΡΠΎΠ΄Π΅Π»Π°Π»ΠΈ Π²Π΅ΡΡ ΡΡΠΎΡ Π½Π΅Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΡΡΡ? ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ, ΠΊΠΎΠ΄Π° ΠΌΡ ΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ ΡΠ½Π°ΡΠ°Π»Π° Ρ HTML ΠΏΠΎΡΠΎΠΌ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΠΌ Π½Π°Π·Π²Π°Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠΎΠ² Π² CSS ΠΈ ΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ ΡΠΆΠ΅ ΡΠ°ΠΌ. Π’Π°ΠΊ Π²ΠΎΡ ΡΡΠΎΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡ Π΄Π΅Π»Π°ΡΡ Π²ΡΡΡΠ½ΡΡ Π΄Π°Π²ΠΎΠ»ΡΠ½ΠΎ Π΄ΠΎΠ»Π³ΠΎ. Π ΡΡΡ Π½Π°ΠΌ Π½Π° ΠΏΠΎΠΌΠΎΡΡ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ Tag. Π‘Π΅ΠΉΡΠ°Ρ Π½Π°ΠΌ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π½ΡΠΆΠ½ΡΠΉ HTML ΠΊΠΎΠ΄, Π½Π°ΠΆΠ°ΡΡ Π½Π°ΡΠ΅ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡ ctrl+`
ΠΈ ΠΏΠΎΡΠΎΠΌ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π² Π½Π°Ρ CSS ctrl+v.