рдирдпрд╛ рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо 7: рдЖрдкрдХреЛ рдЕрдкрдиреА рдЙрдВрдЧрд▓рд┐рдпреЛрдВ рдкрд░ рдЬреЛ рдХреБрдЫ рднреА рдЪрд╛рд╣рд┐рдП

рд╣реЗрд▓реЛ, рд╣реЗрдмреНрд░!

рд╣рдордиреЗ рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо 7 рдЬрд╛рд░реА рдХрд┐рдпрд╛ рд╣реИ - рд╣рдорд╛рд░реЗ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЖрдИрдбреАрдИ рдХрд╛ рдПрдХ рдирдпрд╛ рд╕рдВрд╕реНрдХрд░рдг, рдФрд░ рд╣рдо рдЖрдкрдХреЛ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрддрд╛рдиреЗ рдореЗрдВ рдкреНрд░рд╕рдиреНрди рд╣реИрдВ рдХрд┐ рдЗрд╕рдореЗрдВ рдирдпрд╛ рдХреНрдпрд╛ рд╣реИред

рдмреЗрд╢рдХ, рдирдП рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо 7 рдореЗрдВ рдЖрдк рдирдИ рдФрд░ рд▓реЛрдХрдкреНрд░рд┐рдп рддрдХрдиреАрдХреЛрдВ рдХреЗ рд╕рдорд░реНрдерди рдХрд╛ рдЖрдирдВрдж рд▓реЗ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЯреЗрдореНрдкрд▓реЗрдЯ, рд╕реНрдЯрд╛рдЗрд▓рд╕, рд╡реЗрдм рдШрдЯрдХред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдордиреЗ рдЖрдВрддрд░рд┐рдХ рдЖрдИрдбреАрдИ рдЯреВрд▓ рдХреЛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд░реВрдк рд╕реЗ рдлрд┐рд░ рд╕реЗ рдбрд┐рдЬрд╛рдЗрди рдФрд░ рдмреЗрд╣рддрд░ рдмрдирд╛рдпрд╛ рд╣реИ, рдЬрд┐рд╕рдХрд╛ рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдФрд░ рдЖрдкрдХреА рдЙрддреНрдкрд╛рджрдХрддрд╛ рдХреА рдЙрдкрдпреЛрдЧрд┐рддрд╛ рдкрд░ рд╕рдХрд╛рд░рд╛рддреНрдордХ рдкреНрд░рднрд╛рд╡ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЯреЗрдореНрдкрд▓реЗрдЯреНрд╕


рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо 7 рдореЗрдВ рдИрдЬреЗрдПрд╕ рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдХрд╛ рд╕рдорд░реНрдерди рджрд┐рдЦрд╛рдИ рджрд┐рдпрд╛ рд╣реИ: рдИрдЬреЗрдПрд╕ рдЯреИрдЧ рдХреЗ рдЬреЛрдбрд╝реЗ рдХреЛ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░рдирд╛ рдФрд░ рдЬреЛрдбрд╝рдирд╛ (рдЬрд┐рд╕ рддрд░рд╣ рд╕реЗ рд╕реЗрдЯрд┐рдВрдЧ рдореЗрдВ рд╕реЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ), рд░рд╛рд╕реНрддреЗ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдФрд░ рдЖрдпрд╛рдд рд╡рд┐рд╡рд░рдг рдХреЗ рд▓рд┐рдП рд░реАрдлреИрдХреНрдЯрд░рд┐рдВрдЧред рдЕрд▓рдЧ-рдЕрд▓рдЧ, рдЖрдк рдИрдЬреЗрдПрд╕ рдлрд╛рдЗрд▓реЛрдВ рдореЗрдВ рдлрд╝реЙрдиреНрдЯ, рд░рдВрдЧ рдФрд░ рдЗрдВрдбреЗрдВрдЯ рдХреЛ рдХрд╕реНрдЯрдорд╛рдЗрдЬрд╝ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдЫрд╡рд┐

рд╣рдордиреЗ рдореВрдВрдЫ рдЯреЗрдореНрдкрд▓реЗрдЯ рдЗрдВрдЬрди рдФрд░ рдЗрд╕рдХреЗ рдЙрдиреНрдирдд рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рднреА рдЬреЛрдбрд╝рд╛ рд╣реИред WebStorm 7 .mustache рдФрд░ .hbs рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рд╕рдордЭрддрд╛ рд╣реИ, рдЙрдиреНрд╣реЗрдВ рдкреНрд░рд╛рд░реВрдкрд┐рдд рдХрд░рддрд╛ рд╣реИ рдФрд░ {{}} рдЯреИрдЧ рдХреЛ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░рддрд╛ рд╣реИред

рд╕рднреА рдЯреЗрдореНрдкрд▓реЗрдЯреНрд╕ рдореЗрдВ, рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ HTML рдФрд░ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рдд: рдкреВрд░реНрдгрддрд╛ рдФрд░ рд╕рдВрдкрд╛рджрди рдХрд╛рд░реНрдп рдХреЗ рджреМрд░рд╛рди рддреНрд░реБрдЯрд┐ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ред

рджреВрд╕рд░реЗ, рдирдП рд╕рдВрд╕реНрдХрд░рдг рдиреЗ рд╡реЗрдм рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдореВрд▓ рд╕рдорд░реНрдерди рдкреЗрд╢ рдХрд┐рдпрд╛ред WebStorm рдбреЗрд╡рд▓рдкрд░ рджреНрд╡рд╛рд░рд╛ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдирдП DOM рддрддреНрд╡реЛрдВ рдХреЛ рд╕рдордЭрддрд╛ рд╣реИ, рдФрд░ рдЙрдиреНрд╣реЗрдВ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЗ HTML рдФрд░ CSS рдлрд╛рдЗрд▓реЛрдВ рдореЗрдВ рд╕реНрд╡рддрдГ рдкреВрд░реНрдгрддрд╛ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред

рд╕реНрдЯрд╛рдЗрд▓рд╕ рдФрд░ рдХрдореНрдкрд╛рд╕


рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг WebStorm 7 рдЕрдкрдбреЗрдЯ рд╕реАрдПрд╕рдПрд╕ рдкреНрд░реАрдкреНрд░реЛрд╕реЗрд╕рд░ рдореЗрдВ рд╕реЗ рдХреБрдЫред

рд╣рдо рдЖрдкрдХреЛ рдЦреБрд╢ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рдХрд┐ рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдиреЗ рд╕реНрдЯрд╛рдЗрд▓рд╕ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдЬреЛрдбрд╝рд╛ рд╣реИ (рдЬреЛ рд╣рдордиреЗ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рд╣реЗрдмреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХреА рдереА )ред
рд╕реНрдЯрд╛рдЗрд▓рд╕ рдореЗрдВ рд▓рд┐рдЦреЗ рдХреЛрдб рдХреЗ рд▓рд┐рдП, рд╕рдВрдкрд╛рджрдХ рдЕрдм рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ, рдСрдЯреЛ-рдкреВрд░реНрддрд┐ рдФрд░ рд╕реНрд╡рд░реВрдкрдг рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ рдФрд░ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдлрд╝рд╛рдЗрд▓ рд╡реЙрдХрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдореЗрдВ рдХреЛрдб рдХреЛ рд╕рдВрдХрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИред

рдПрдХ рдФрд░ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЕрджреНрдпрддрди рдХрдореНрдкрд╛рд╕ рдлреНрд░реЗрдорд╡рд░реНрдХ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рд╣реИ, рдЬрд┐рд╕рдХреЗ рдмрд┐рдирд╛ рд╕реИрд╕ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреА рдХрд▓реНрдкрдирд╛ рдХрд░рдирд╛ рдореБрд╢реНрдХрд┐рд▓ рд╣реИред WebStorm, .assass рдФрд░ .scss рдлрд╝рд╛рдЗрд▓реЛрдВ рдореЗрдВ Compass рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рдЖрдпрд╛рдд рдХреЛ рд╕рдордЭрддрд╛ рд╣реИ, рдкрд░рд┐рднрд╛рд╖рд╛ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рд╕реНрд╡рдд: рдкреВрд░реНрдг рд╣реЛрддрд╛ рд╣реИ рдФрд░ Compass рд╕реЗ рдлрд╝рдВрдХреНрд╢рдВрд╕, рдорд┐рд╢реНрд░рдг рдФрд░ рдЪрд░ рдХреА рдЦреЛрдЬ рдХрд░рддрд╛ рд╣реИред



рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ


WebStorm 7 рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ 0.9 рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рдЬрд┐рд╕рдореЗрдВ рдЬреЗрдиреЗрд░рд┐рдХ рдкреНрд░рдХрдЯ рд╣реБрдП, рдПрдирдо рдХрд╛ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдмрджрд▓ рдЧрдпрд╛ рд╣реИ, рдФрд░ рдмрд╣реБрдд рдХреБрдЫред

WebStorm рдХреЗ рд▓рд┐рдП рдПрдХ рдФрд░ рдорд╣рд╛рди рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЕрдкрдбреЗрдЯ, рдЕрдВрдЧреБрд▓рд░рдЬреЗрдПрд╕ рдбреЗрд╡рд▓рдкрд░реНрд╕ рджреНрд╡рд╛рд░рд╛ рдмрдирд╛рдИ рдЧрдИ рдХрд░реНрдорд╛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкрд░реАрдХреНрд╖рдг рдЙрдкрдпреЛрдЧрд┐рддрд╛ рдХрд╛ рдПрдХреАрдХрд░рдг рд╣реИред рдЕрдм рдЖрдк рдЖрд╕рд╛рдиреА рд╕реЗ рдкрд░реАрдХреНрд╖рдг рдЪрд▓рд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЖрдИрдбреАрдИ рдореЗрдВ рдПрдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдкреНрд░рд╛рд░реВрдк рдореЗрдВ рдкрд░рд┐рдгрд╛рдо рд░рд┐рдкреЛрд░реНрдЯ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВред рдХрд░реНрдорд╛ рдХреЗ рд╕рд╛рде рдорд┐рд▓рдХрд░, рдкрд░реАрдХреНрд╖рдгреЛрдВ рдХреЗ рд╕рд╛рде рдХреЛрдб рдХрд╡рд░реЗрдЬ рдХрд╛ рд╡рд┐рд╢реНрд▓реЗрд╖рдг рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдк рдЗрддрдирдмреБрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдХрд╛ рд╕рдорд░реНрдерди рдирдП рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдореЗрдВ рднреА рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╣реИред



рдЖрдИрдбреАрдИ рдЙрдкрдХрд░рдг


рдПрдХ рдХреНрд▓рд┐рдХ рдХреЗ рд╕рд╛рде, рдЖрдк WebStorm рдореЗрдВ рдПрдХреАрдХреГрдд рдиреЛрдбред Js- npm рдкреИрдХреЗрдЬ рдкреНрд░рдмрдВрдзрдХ рдкрд░ рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВред рдЗрд╕рдХреЗ рд╕рд╛рде, рдЖрдк рдЖрдИрдбреАрдИ рд╡рд┐рдВрдбреЛ рдореЗрдВ рд╕реАрдзреЗ рдиреЛрдб рдкреИрдХреЗрдЬреЛрдВ рдХреЛ рдЖрд╕рд╛рдиреА рд╕реЗ рдЦреЛрдЬ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрдиреНрд╣реЗрдВ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рд╕реНрдерд╛рдиреАрдп рд░реВрдк рд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЙрдирдХреЗ рдЕрдкрдбреЗрдЯ рдХреА рдирд┐рдЧрд░рд╛рдиреА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред WebStorm 7 рдиреЗ рдПрдХ рдПрдХреАрдХреГрдд рдЯрд░реНрдорд┐рдирд▓ рднреА рдкреЗрд╢ рдХрд┐рдпрд╛ред



рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдкрд░рд┐рд╡рд░реНрддрди рд▓рд╛рдЗрд╡ рдПрдбрд┐рдЯ рдерд╛: рд▓рд╛рдЗрд╡ рдПрдбрд┐рдЯ рдЕрдм рдХреЗрд╡рд▓ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбреАрдмрдЧрд┐рдВрдЧ рдореЛрдб (Google рдХреНрд░реЛрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ) рдореЗрдВ рдЙрдкрд▓рдмреНрдз рд╣реИред рдЖрдкрдХреЛ рдХрд┐рд╕реА рднреА HTML рдлрд╝рд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП рдбреАрдмрдЧ рдЪрд▓рд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдФрд░ рдлрд┐рд░ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдЖрдкрдХреЗ рдкрд░рд┐рд╡рд░реНрддрди рдХреЗ рд╕рднреА рдкрд░рд┐рдгрд╛рдо рдкреГрд╖реНрда рдХреЛ рдкреБрдирдГ рд▓реЛрдб рдХрд┐рдП рдмрд┐рдирд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рддреБрд░рдВрдд рджрд┐рдЦрд╛рдИ рджреЗрдВрдЧреЗред

рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдиреЗ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбреАрдмрдЧрд░ рдХреЛ рд╣реА рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд┐рдпрд╛ ред рдкрд╣рд▓реЗ, DOM рдореЗрдВ рдмрджрд▓рд╛рд╡ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдбреАрдмрдЧрд░ рдореЗрдВ рдПрдХ рдирдпрд╛ рдПрд▓реАрдореЗрдВрдЯреНрд╕ рдЯреИрдм рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╣реИред рджреВрд╕рд░реЗ, Google рдХреНрд░реЛрдо рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдФрд░ Node.js. рдХреЛ рдбреАрдмрдЧ рдХрд░рдиреЗ рдХреЗ рджреМрд░рд╛рди рдЪрд░ рдХреА рдкреНрд░рд╕реНрддреБрддрд┐ рдореЗрдВ рд╕реБрдзрд╛рд░ рд╣реБрдЖ рдерд╛ред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдмрдбрд╝реЗ рд╕рд░рдгрд┐рдпреЛрдВ рдХреЛ рдЕрдм рдПрдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╕рдореВрд╣реАрдХреГрдд рд░реВрдк рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдбрд┐рдмрдЧрд░ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рдХрд╛рд░реЛрдВ рдХреЗ рдЪрд░ рдХреЗ рдореВрд▓реНрдпреЛрдВ рдХреЗ рд▓рд┐рдП рд░рдВрдЧ рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рд░рдВрдЧреЛрдВ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВред



рдЖрдЧреЗ рдХреНрдпрд╛ рд╣реИ?


рдЙрддреНрдкрд╛рдж рдкреГрд╖реНрда рдкрд░ WebStorm 7 рдХрд╛ рдореБрдлреНрдд 30-рджрд┐рд╡рд╕реАрдп рдкрд░реАрдХреНрд╖рдг рд╕рдВрд╕реНрдХрд░рдг рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ, рдЬрд╣рд╛рдБ рдЖрдк рдЪрд╛рд╣реЗрдВ рддреЛ рдирдП рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

26 рд╕рд┐рддрдВрдмрд░ 2012 рдХреЗ рдмрд╛рдж рд▓рд╛рдЗрд╕реЗрдВрд╕ рдЦрд░реАрджрдиреЗ рд╡рд╛рд▓реЗ рдХрд┐рд╕реА рднреА рд╡реНрдпрдХреНрддрд┐ рдХреЗ рд▓рд┐рдП рд╕рдВрд╕реНрдХрд░рдг 7 рдореЗрдВ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рдирд╛ рдореБрдлреНрдд рд╣реИред

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

рдЦреБрд╢реА рдХреЗ рд╕рд╛рде рдХрд╛рд░реНрдпрдХреНрд░рдо!
рдЖрдкрдХреА JetBrains WebStorm рдЯреАрдо

Source: https://habr.com/ru/post/In194132/


All Articles