Ace: Vue.js рд╕рд┐рдВрдЧрд▓-рдлрд╛рдЗрд▓ рдХрдВрдкреЛрдиреЗрдВрдЯ рд╕рдкреЛрд░реНрдЯ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 14 рджрд┐рд╕ре░ 2015  ┬╖  26рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ajaxorg/ace

рдореБрдЭреЗ рдПрдХ рд╣реА рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рднрд╛рд╖рд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓реА рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рджреЗрдЦрдирд╛ рдЕрдЪреНрдЫрд╛ рд▓рдЧреЗрдЧрд╛ред рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдПрдХрд▓-рдШрдЯрдХ рдлрд╝рд╛рдЗрд▓реЗрдВ рдЬреЛ рдЖрдк рдЕрдХреНрд╕рд░ 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

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@Piterden рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдкрдбреЗрдЯ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬреЛ рдПрдореНрдмреЗрдбрд┐рдВрдЧ рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдЖрд╕рд╛рди рдмрдирд╛ рджреЗрдЧрд╛, рдпрд╣ рд▓рдЧрднрдЧ 2 рд╕рдкреНрддрд╛рд╣ рдореЗрдВ рддреИрдпрд╛рд░ рд╣реЛ рдЬрд╛рдПрдЧрд╛ред

@boustanihani рдореБрдЭреЗ рдЦреЗрдж рд╣реИ, рдореБрдЭреЗ рдЖрдкрдХреА рд░рд┐рдкреЛрд░реНрдЯ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдХреБрдЫ рднреА рдирд╣реАрдВ рдорд┐рд▓рд╛ред рдФрд░ рдЬрд╣рд╛рдВ рддрдХ тАЛтАЛрдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдмреБрдирд┐рдпрд╛рджреА рдЪреАрдЬреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдПрдХ рд╕рдмрдЯрд▓рд░ рдореБрджреНрджрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рд╕рднреА 26 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЗрд╕ рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ?

рдореИрдВ рд╕рд╣рдордд рд╣реВрдБред рдХреНрдпрд╛ рдХреЛрдИ рдЗрд╕рдХрд╛ рдкрд╛рд▓рди рдХрд░ рд░рд╣рд╛ рд╣реИ? рдХреНрдпрд╛ рд╣рдо рдЙрджрд╛рддреНрдд/рдкрд░рдорд╛рдгреБ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЕрдкрдирд╛ рд╕реНрд╡рдпрдВ рдХрд╛ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдпрд╣ рдЙрддреНрдкрд╛рдж рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП рдореБрдЭрд╕реЗ рдЧрд╛рдпрдм рд▓рд┐рдВрдХ рд╣реИ, рдЬреИрд╕рд╛ рдХрд┐ рдореИрдВ рдкреВрд░реЗ рджрд┐рди 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 , рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдЗрд╕ рдореБрджреНрджреЗ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдирд╣реАрдВ рд╣реИ, рдЪреВрдВрдХрд┐ рдЖрдк рдПрдХ рдкреНрд░реАрдорд┐рдпрдо рдЧреНрд░рд╛рд╣рдХ рд╣реИрдВ, рдХреГрдкрдпрд╛ рдПрдХ рд╕рдорд░реНрдерди рдЯрд┐рдХрдЯ рдЦреЛрд▓реЗрдВ, рдФрд░ рдЙрди рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рдЙрджрд╛рд╣рд░рдг рджрд┐рдЦрд╛рдПрдВ рдЬрд┐рдирдХреЗ рд▓рд┐рдП рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдЕрдкреЗрдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рд╕рдорд╕реНрдпрд╛ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╣реИред

рдореИрдВрдиреЗ рдЗрд╕ рдорд╣реАрдиреЗ рдкрд╣рд▓реЗ рд╣реА рдХрд┐рдпрд╛ рдерд╛

@Piterden рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдкрдбреЗрдЯ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬреЛ рдПрдореНрдмреЗрдбрд┐рдВрдЧ рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдЖрд╕рд╛рди рдмрдирд╛ рджреЗрдЧрд╛, рдпрд╣ рд▓рдЧрднрдЧ 2 рд╕рдкреНрддрд╛рд╣ рдореЗрдВ рддреИрдпрд╛рд░ рд╣реЛ рдЬрд╛рдПрдЧрд╛ред

@boustanihani рдореБрдЭреЗ рдЦреЗрдж рд╣реИ, рдореБрдЭреЗ рдЖрдкрдХреА рд░рд┐рдкреЛрд░реНрдЯ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдХреБрдЫ рднреА рдирд╣реАрдВ рдорд┐рд▓рд╛ред рдФрд░ рдЬрд╣рд╛рдВ рддрдХ тАЛтАЛрдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдХреЛрдб рд╕реНрд╡рд░реВрдкрдг рдмреБрдирд┐рдпрд╛рджреА рдЪреАрдЬреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдПрдХ рд╕рдмрдЯрд▓рд░ рдореБрджреНрджрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

@nightwing рдЕрдЧрд░ рдпрд╣ рдУрдкрдирд╕реЛрд░реНрд╕ рд╣реЛрдЧрд╛, рддреЛ рдПрдХ рдмрдбрд╝рд╛ рдореМрдХрд╛ рд╣реИ рдХрд┐ рд╣рдо рд╕реАрдПрдо рд╕реЗ рд╡рд╛рдкрд╕ рдЬрд╛рдПрдВ: рдкрд▓рдХ:

рдЗрд╕ рдкрд░ рдХрд┐рд╕реА рднреА рдЕрджреНрдпрддрди?

рдореИрдВ

рдкреНрд░рд╢реНрди: рдореБрдЭреЗ .vue рдлрд╝рд╛рдЗрд▓реЛрдВ рдореЗрдВ рдкрдЧ рдФрд░ рд╕реНрдЯрд╛рдЗрд▓рд╕ рдХреЗ рд▓рд┐рдП рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ
рдП: рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдПрдЪрдЯреАрдПрдордПрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░реЗрдВ? рдореИрдВрдиреЗ рд╕реБрдирд╛ рд╣реИ рдХрд┐ рдпрд╣ рдмреБрдирд┐рдпрд╛рджреА рдХрд╛рд░реНрдпреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдлреА рдЕрдЪреНрдЫрд╛ рд╣реИ...

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

BoasE picture BoasE  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

SuperSajuuk picture SuperSajuuk  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mafar picture mafar  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jakub-zawislak picture jakub-zawislak  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

narraressan picture narraressan  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ