рдореБрдЭреЗ рдПрдХ рд╣реА рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рднрд╛рд╖рд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓реА рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рджреЗрдЦрдирд╛ рдЕрдЪреНрдЫрд╛ рд▓рдЧреЗрдЧрд╛ред рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдПрдХрд▓-рдШрдЯрдХ рдлрд╝рд╛рдЗрд▓реЗрдВ рдЬреЛ рдЖрдк рдЕрдХреНрд╕рд░ Vue.js рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рддреЗ рд╕рдордп рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдЗрд╕ рдЪрд┐рддреНрд░ рдХреЛ рджреЗрдЦреЗрдВ: http://vuejs.org/images/vue-component-with-pre-processors.pngред рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдХреЗ рд▓рд┐рдП: http://vuejs.org/guide/application.html#Single_File_Components
рдЙрджрд╛рддреНрдд рдХреЗ рд▓рд┐рдП рдЙрдкрд▓рдмреНрдз .vue рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдкреНрд▓рдЧрдЗрди рд╣реИ: https://github.com/vuejs/vue-syntax-highlight
рдЗрд╕ рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ?
рдореИрдВ рд╕рд╣рдордд рд╣реВрдБред рдХреНрдпрд╛ рдХреЛрдИ рдЗрд╕рдХрд╛ рдкрд╛рд▓рди рдХрд░ рд░рд╣рд╛ рд╣реИ? рдХреНрдпрд╛ рд╣рдо рдЙрджрд╛рддреНрдд/рдкрд░рдорд╛рдгреБ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЕрдкрдирд╛ рд╕реНрд╡рдпрдВ рдХрд╛ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдпрд╣ рдЙрддреНрдкрд╛рдж рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП рдореБрдЭрд╕реЗ рдЧрд╛рдпрдм рд▓рд┐рдВрдХ рд╣реИ, рдЬреИрд╕рд╛ рдХрд┐ рдореИрдВ рдкреВрд░реЗ рджрд┐рди Vue рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реВрдВ, рдпрд╣ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ рдЕрдЪреНрдЫрд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ рд╕рдорд░реНрдерд┐рдд рд╣реЛ рдЬрд╛рдПрдЧрд╛ рдпрд╛ рдпрджрд┐ рдирд╣реАрдВ рддреЛ рдЗрд╕рдХреА рдХреБрдЫ рд╣рдо рдкрд┐рдЫрд▓реЗ рджрд░рд╡рд╛рдЬреЗ рдореЗрдВ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдореИрдВ рднреА рд╕рд╣рдордд рд╣реВрдВред
рдореИрдВ рднреА
:+1:
рдореИрдВ рднреА!!!
рдорд╛рдирд╛!
рдмрд╣реБрдд рд╣реА рдЧрд╝рдЬрд╝рдм рдХрд╛ рд╣реЛрдЧрд╛
рдХреЛрдбрдорд┐рд░рд░ рд╡реНрдпреВ @asdred . рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ
рдЗрд╕ рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ?
рд╣рд╛рдБ, https://codemirror.net/
рдХреНрдпрд╛ Cloud9 рдХреЗ рдЕрдВрджрд░ CodeMirror рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ?
рдпрджрд┐ рд╡реЗ Vue рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЛ рд▓рд╛рдЧреВ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рд╢рд╛рдпрдж рдЖрдкрдХреЛ рдЗрд╕реЗ рдмрджрд▓рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪрдирд╛ рдЪрд╛рд╣рд┐рдП? рджрд░рдЕрд╕рд▓, рд╡реЗ рдЬрд╡рд╛рдм рднреА рдирд╣реАрдВ рджреЗ рд░рд╣реЗ рд╣реИрдВ...
рдмрд╣реБрдд рджреБрдЦ рдХреА рдмрд╛рдд рд╣реИ :( Vue рдЗрддрдирд╛ рд▓реЛрдХрдкреНрд░рд┐рдп рд╣реИ рдФрд░ рдореИрдВ рдПрдХ рдкреНрд░реАрдорд┐рдпрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ I рд╣реВрдВред рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдпрд╣ рдЬрд▓реНрдж рд╣реА рд▓рд╛рдЧреВ рд╣реЛ рдЬрд╛рдПрдЧрд╛ред
рдЦреИрд░, рд╕реБрдЦрдж рдкреНрд░рддреАрдХреНрд╖рд╛, рдзрд╛рдЧрд╛ 14 рджрд┐рд╕рдВрдмрд░, 2015 рдХреЛ рд╢реБрд░реВ рд╣реБрдЖ
@boustanihani vue рдлрд╛рдЗрд▓реЗрдВ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рд╡рд╛рд▓реА рд╕рд╛рдзрд╛рд░рдг html рдлрд╛рдЗрд▓реЗрдВ рд▓рдЧрддреА рд╣реИрдВ, рдФрд░ Cloud9 рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рдЙрдирдХреЗ рд▓рд┐рдП html рдПрдХреНрд╕рдЯреЗрдВрд╢рди рд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИ https://github.com/c9/core/blob/master/node_modules/ace/lib/ace/ext/modelist .js#L94
рдХреНрдпрд╛ рдЖрдкрдХреЛ рдПрдХ рдЕрд▓рдЧ рдореЛрдб рдорд┐рд▓рддрд╛ рд╣реИ, рдпрд╛ рдПрдЪрдЯреАрдПрдордПрд▓ рдореЛрдб рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рдЬреИрд╕рд╛ рдЖрдк рдЙрдореНрдореАрдж рдХрд░ рд░рд╣реЗ рд╣реИрдВ?
рдХреНрдпрд╛ рдЖрдкрдХрд╛ HTML-рдореЛрдб lang
рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдореЗрдВ <template>
, <script>
рдФрд░ <style>
рдЯреИрдЧ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ?
@Piterden , рдирд╣реАрдВ, рд╡реЗ рдХреЗрд╡рд▓ html/js/css рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддреЗ рд╣реИрдВред
рдХреНрдпрд╛ рдЗрд╕ рд▓реИрдВрдЧ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рд╕рдВрднрд╛рд╡рд┐рдд рдореВрд▓реНрдпреЛрдВ рдХреА рдПрдХ рд╕реВрдЪреА рд╣реИ?
рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг <template>
рдФрд░ <style>
рдЯреИрдЧ рдХреЗ рдЕрдВрджрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред
@boustanihani , рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдЗрд╕ рдореБрджреНрджреЗ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдирд╣реАрдВ рд╣реИ, рдЪреВрдВрдХрд┐ рдЖрдк рдПрдХ рдкреНрд░реАрдорд┐рдпрдо рдЧреНрд░рд╛рд╣рдХ рд╣реИрдВ, рдХреГрдкрдпрд╛ рдПрдХ рд╕рдорд░реНрдерди рдЯрд┐рдХрдЯ рдЦреЛрд▓реЗрдВ, рдФрд░ рдЙрди рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рдЙрджрд╛рд╣рд░рдг рджрд┐рдЦрд╛рдПрдВ рдЬрд┐рдирдХреЗ рд▓рд┐рдП рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдЕрдкреЗрдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рд╕рдорд╕реНрдпрд╛ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╣реИред
рдореИрдВрдиреЗ рдЗрд╕ рдорд╣реАрдиреЗ рдкрд╣рд▓реЗ рд╣реА рдХрд┐рдпрд╛ рдерд╛
рдпрд╣рд╛рдБ рд╕реВрдЪреА рд╣реИ, @nightwing :
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L67
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L83
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L99
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L116
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L132
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L148
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L165
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L183
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L215
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L233
https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.YAML-tmLanguage#L251
@Piterden рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдкрдбреЗрдЯ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬреЛ рдПрдореНрдмреЗрдбрд┐рдВрдЧ рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдЖрд╕рд╛рди рдмрдирд╛ рджреЗрдЧрд╛, рдпрд╣ рд▓рдЧрднрдЧ 2 рд╕рдкреНрддрд╛рд╣ рдореЗрдВ рддреИрдпрд╛рд░ рд╣реЛ рдЬрд╛рдПрдЧрд╛ред
@boustanihani рдореБрдЭреЗ рдЦреЗрдж рд╣реИ, рдореБрдЭреЗ рдЖрдкрдХреА рд░рд┐рдкреЛрд░реНрдЯ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдХреБрдЫ рднреА рдирд╣реАрдВ рдорд┐рд▓рд╛ред рдФрд░ рдЬрд╣рд╛рдВ рддрдХ тАЛтАЛрдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдмреБрдирд┐рдпрд╛рджреА рдЪреАрдЬреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдПрдХ рд╕рдмрдЯрд▓рд░ рдореБрджреНрджрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред
@nightwing рдЕрдЧрд░ рдпрд╣ рдУрдкрдирд╕реЛрд░реНрд╕ рд╣реЛрдЧрд╛, рддреЛ рдПрдХ рдмрдбрд╝рд╛ рдореМрдХрд╛ рд╣реИ рдХрд┐ рд╣рдо рд╕реАрдПрдо рд╕реЗ рд╡рд╛рдкрд╕ рдЬрд╛рдПрдВ: рдкрд▓рдХ:
рдЗрд╕ рдкрд░ рдХрд┐рд╕реА рднреА рдЕрджреНрдпрддрди?
рдореИрдВ
рдкреНрд░рд╢реНрди: рдореБрдЭреЗ .vue рдлрд╝рд╛рдЗрд▓реЛрдВ рдореЗрдВ рдкрдЧ рдФрд░ рд╕реНрдЯрд╛рдЗрд▓рд╕ рдХреЗ рд▓рд┐рдП рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ
рдП: рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдПрдЪрдЯреАрдПрдордПрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░реЗрдВ? рдореИрдВрдиреЗ рд╕реБрдирд╛ рд╣реИ рдХрд┐ рдпрд╣ рдмреБрдирд┐рдпрд╛рджреА рдХрд╛рд░реНрдпреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдлреА рдЕрдЪреНрдЫрд╛ рд╣реИ...
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
@Piterden рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдкрдбреЗрдЯ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬреЛ рдПрдореНрдмреЗрдбрд┐рдВрдЧ рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдЖрд╕рд╛рди рдмрдирд╛ рджреЗрдЧрд╛, рдпрд╣ рд▓рдЧрднрдЧ 2 рд╕рдкреНрддрд╛рд╣ рдореЗрдВ рддреИрдпрд╛рд░ рд╣реЛ рдЬрд╛рдПрдЧрд╛ред
@boustanihani рдореБрдЭреЗ рдЦреЗрдж рд╣реИ, рдореБрдЭреЗ рдЖрдкрдХреА рд░рд┐рдкреЛрд░реНрдЯ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдХреБрдЫ рднреА рдирд╣реАрдВ рдорд┐рд▓рд╛ред рдФрд░ рдЬрд╣рд╛рдВ рддрдХ тАЛтАЛрдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдмреБрдирд┐рдпрд╛рджреА рдЪреАрдЬреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдПрдХ рд╕рдмрдЯрд▓рд░ рдореБрджреНрджрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред