Emmet: рдХреНрдпрд╛ рдореИрдВ рдСрдЯреЛрдкреНрд░рд┐рдлрд╝рд┐рдХреНрд╕рд░ рдХреЛ рдЕрдХреНрд╖рдо рдХрд░ рд╕рдХрддрд╛ рд╣реВрдБ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 23 рдЕрдкреНрд░реИрд▓ 2017  ┬╖  10рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: emmetio/emmet

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдЬрдм рдореИрдВ 'рдмреАрдПрдХреНрд╕рдмреА' рдЯрд╛рдЗрдк рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдпрд╣ рдмрдирд╛рддрд╛ рд╣реИ

  -webkit-box-sizing: border-box
  -moz-box-sizing: border-box
  -ms-box-sizing: border-box
  box-sizing: border-box

рд▓реЗрдХрд┐рди рдЖрдЬрдХрд▓ рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рд╡реЗрдмрдкреИрдХ рдРрд╕рд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рддреЛ рдХреНрдпрд╛ рдСрдЯреЛрдкреНрд░рд┐рдлрд╝рд┐рдХреНрд╕рд░ рдХреЛ рдмрдВрдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рд╕реНрд╡рд┐рдЪ рд╣реИ?

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

Sublime Text рдореЗрдВ рдСрдЯреЛ рдкреНрд░реАрдлрд┐рдХреНрд╕ рд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдиреЗ рдХреЗ рд▓рд┐рдП Preferences > Package Settings > Emmet > Settings-User рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ рдФрд░ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕реНрдирд┐рдкреЗрдЯ рдЬреЛрдбрд╝реЗрдВ:

{
    "preferences": {
        "css.autoInsertVendorPrefixes": false
    },
}

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

рдпрджрд┐ рдЖрдк рд╡рд┐рдЬреБрдЕрд▓ рд╕реНрдЯреВрдбрд┐рдпреЛ рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рд╕реЗрдЯрд┐рдВрдЧ рдХреЛ рд╕реЗрдЯрд┐рдВрдЧреНрд╕.рдЬреЗрд╕рди (рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдпрд╛ рдХрд╛рд░реНрдпрдХреНрд╖реЗрддреНрд░ рд╕реЗрдЯрд┐рдВрдЧреНрд╕) рдореЗрдВ рдЬреЛрдбрд╝реЗрдВред

{
    "emmet.preferences": {
        "css.autoInsertVendorPrefixes": false
    }
}

2017-06-02_18-05-47

css.autoInsertVendorPrefixes
рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд CSS рдЧреБрдг рдХреА рд╡рд┐рдХреНрд░реЗрддрд╛-рдкреНрд░реАрдлрд╝рд┐рдХреНрд╕реНрдб рдкреНрд░рддрд┐рдпрд╛рдБ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдЬрдирд░реЗрдЯ рдХрд░реЗрдВред рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ, рдПрдореНрдореЗрдЯ рд╡рд┐рдХреНрд░реЗрддрд╛-рдкреНрд░реАрдлрд┐рдХреНрд╕реНрдб рдЧреБрдг рддрднреА рдЙрддреНрдкрдиреНрди рдХрд░реЗрдЧрд╛ рдЬрдм рдЖрдк рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо (рдЬреИрд╕реЗ -bxsh) рд╕реЗ рдкрд╣рд▓реЗ рдбреИрд╢ рдбрд╛рд▓рддреЗ рд╣реИрдВред рдЗрд╕ рд╡рд┐рдХрд▓реНрдк рдХреЛ рд╕рдХреНрд╖рдо рдХрд░рдиреЗ рдХреЗ рд╕рд╛рде, рдЖрдкрдХреЛ рд╕рдВрдХреНрд╖рд┐рдкреНрддрд╛рдХреНрд╖рд░реЛрдВ рд╕реЗ рдкрд╣рд▓реЗ рдбреИрд╢ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ: рдПрдореНрдореЗрдЯ рдЖрдкрдХреЗ рд▓рд┐рдП рд╡реЗрдВрдбрд░-рдкреНрд░реАрдлрд┐рдХреНрд╕реНрдб рдкреНрд░реЙрдкрд░реНрдЯреА рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд░реЗрдЧрд╛ред

рдЕрдиреНрдп рдЖрдИрдбреАрдИ рдпрд╛ рдХреЛрдб рд╕рдВрдкрд╛рджрдХреЛрдВ рдореЗрдВ рдЖрдк рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреА рдореВрд▓ рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдореЗрдВ рдПрдХ рд╕реЗрдЯрд┐рдВрдЧ рдлрд╝рд╛рдЗрд▓ (preferences.json) рдмрдирд╛рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдЖрдк рд▓рд┐рдВрдХ рдкрд░ рдкрд╛ рд╕рдХрддреЗ рд╣реИрдВ - https://docs.emmet.io/customization/preferences/

@albrin thx рдмрд╣реБрдд!

@albrin ,

Sublime Text рдореЗрдВ рдСрдЯреЛ рдкреНрд░реАрдлрд┐рдХреНрд╕ рд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдиреЗ рдХреЗ рд▓рд┐рдП Preferences > Package Settings > Emmet > Settings-User рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ рдФрд░ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕реНрдирд┐рдкреЗрдЯ рдЬреЛрдбрд╝реЗрдВ:

{
    "preferences": {
        "css.autoInsertVendorPrefixes": false
    },
}

рдирдорд╕реНрддреЗ, рдореЗрд░реЗ рдкрд╛рд╕ рдЙрджрд╛рддреНрдд рдкрд╛рда рдХреЗ рд╕рд╛рде рдЗрд╕рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдПрдХ рдЕрдЬреАрдм рд╕рдорд╕реНрдпрд╛ рд╣реИред

рдореИрдВрдиреЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реЗрдЯрд┐рдВрдЧ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрди рдХрд┐рдпрд╛

{
  "preferences": {
    "css.autoInsertVendorPrefixes": false
  }
}

рдФрд░ рдпрд╣ рдереЛрдбрд╝реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдЬрдм рдореИрдВ d:f рдЯрд╛рдЗрдк рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдпрд╣ рд╡рд┐рдХреНрд░реЗрддрд╛ рдЙрдкрд╕рд░реНрдЧ рдирд╣реАрдВ рдЬреЛрдбрд╝рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдореИрдВ df рдЯрд╛рдЗрдк рдХрд░рддрд╛ рд╣реВрдВ рдпрд╣ рдЙрдиреНрд╣реЗрдВ рдЬреЛрдбрд╝рддрд╛ рд╣реИред рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдпрд╣ рдЕрд╕реНрдкрд╖реНрдЯ рдЦреЛрдЬ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИ рдпрд╛ рдХреНрдпрд╛, рд▓реЗрдХрд┐рди рдпрд╣ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЦрд░рд╛рдм рд╣реИред
emmetvendorprefixes

рдЙрджрд╛рддреНрдд рдкрд╛рда рдореЗрдВ рдореЗрд░рд╛ рднреА рдпрд╣реА рдореБрджреНрджрд╛ рдерд╛ред

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ

{
    "preferences": {
        "css.autoInsertVendorPrefixes": false,
        "caniuse.enabled": false
    },
}

@KitCarver рдореЗрд░реЗ рд╣реАрд░реЛ!
рдХреНрдпрд╛ рдЖрдк рдЬрд╛рдирддреЗ рд╣реИрдВ, рдХрд┐рд╕реА рднреА рддрд░рд╣ рд╕реЗ, рд╡рд╣ caniuse рд╡рд┐рдХрд▓реНрдк рдХрд╣рд╛рдВ рд╕реЗ рдЖрддрд╛ рд╣реИ?

рд╣рд╛рдВ, рдореИрдВрдиреЗ рдЗрд╕реЗ рдпрд╣рд╛рдВ рдкрд╛рдпрд╛: https://docs.emmet.io/customization/preferences/

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

рдПрдореНрдореЗрдЯ v2 . рдореЗрдВ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдЙрдкрд╕рд░реНрдЧ рд╣рдЯрд╛ рджрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ

IntelliJ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдмрд╕ Auto insert css vendor prefixes рддрд╣рдд рдЕрдХреНрд╖рдо рдХрд░реЗрдВ:

Preferences > Editor > Emmet > CSS

image

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