μλ₯Ό λ€μ΄ 'bxb'λ₯Ό μ λ ₯νλ©΄
-webkit-box-sizing: border-box
-moz-box-sizing: border-box
-ms-box-sizing: border-box
box-sizing: border-box
κ·Έλ¬λ μ€λλ μ°λ¦¬λ webpackμ΄ κ·Έλ° μΌμ νλλ‘ νμ΅λλ€. μλ μ λμ¬λ₯Ό λλ μ€μμΉκ° μμ΅λκΉ?
Visual Studio Codeλ₯Ό μ¬μ©νλ κ²½μ° settings.json(μ¬μ©μ λλ μμ μμ μ€μ )μ μ€μ μ μΆκ°νμ΅λλ€.
{
"emmet.preferences": {
"css.autoInsertVendorPrefixes": false
}
}
css.autoInsertVendorPrefixes
νμ₯λ CSS μμ±μ 곡κΈμ 체 μ λμ¬ λ³΅μ¬λ³Έμ μλμΌλ‘ μμ±ν©λλ€. κΈ°λ³Έμ μΌλ‘ Emmetμ μ½μ΄(μ: -bxsh) μμ λμλ₯Ό λ£μ λλ§ κ³΅κΈμ 체 μ λμ¬κ° λΆμ μμ±μ μμ±ν©λλ€. μ΄ μ΅μ μ μ¬μ©νλ©΄ μ½μ΄ μμ λμκ° νμνμ§ μμ΅λλ€. Emmetμ 곡κΈμ 체 μ λμ¬κ° λΆμ μμ±μ μμ±ν©λλ€.
λ€λ₯Έ IDE λλ μ½λ νΈμ§κΈ°μμλ νλ‘μ νΈμ λ£¨νΈ λλ ν°λ¦¬μ μ€μ νμΌ(preferences.json)μ λ§λ€ μ μμ΅λλ€. λ§ν¬μμ λ λ§μ μ 보λ₯Ό μ°Ύμ μ μμ΅λλ€ β https://docs.emmet.io/customization/preferences/
@albrin thx λ§μ΄!
@albrin , λ§ν΄λ΄, μλ§λ μ λμ¬λ₯Ό λΉνμ±ννλ λ°©λ²μ μκ³ μμ§λ§ μ΄λ―Έ λκ΄νΈ μμ μμ΅λκΉ?
Sublime Textμμ μλ μ λμ¬λ₯Ό μ κ±°νλ €λ©΄ Preferences > Package Settings > Emmet > Settings-Userλ₯Ό ν΄λ¦νκ³ λ€μ μ€λν«μ μΆκ°νμμμ€.
{
"preferences": {
"css.autoInsertVendorPrefixes": false
},
}
μλ νμΈμ, Sublime Textμ κ΄λ ¨λ μ΄μν λ¬Έμ κ° μμ΅λλ€.
μ¬μ©μ μ€μ μμ λ³κ²½νμ΅λλ€
{
"preferences": {
"css.autoInsertVendorPrefixes": false
}
}
κ·Έλ¦¬κ³ κ·Έκ²μ μΌμ’
μ μλν©λλ€. d:f
μ
λ ₯νλ©΄ 곡κΈμ
체 μ λμ¬κ° μΆκ°λμ§ μμ§λ§ df
νλ©΄ μΆκ°λ©λλ€. κ·Έκ²μ΄ νΌμ§ κ²μκ³Ό κ΄λ ¨μ΄ μλμ§ λλ 무μκ³Ό κ΄λ ¨μ΄ μλμ§ λͺ¨λ₯΄κ² μ§λ§ λμ²νλ κ² κ°μ΅λλ€.
Sublime Textμμλ κ°μ λ¬Έμ κ° λ°μνμ΅λλ€.
κ·Έκ²μ λλ₯Ό μν΄ μ μλν©λλ€
{
"preferences": {
"css.autoInsertVendorPrefixes": false,
"caniuse.enabled": false
},
}
@KitCarver λμ μμ
!
νΉμ caniuse
μ΅μ
μ΄ μ΄λμμ μ¨ κ²μΈμ§ μμλκΉ?
μ, μ¬κΈ°μμ μ°Ύμμ΅λλ€: https://docs.emmet.io/customization/preferences/
caniuse.νμ±ν
Can I Use λ°μ΄ν°λ² μ΄μ€ μ§μμ νμ±νν©λλ€. νμ±νλλ©΄ CSS μ½μ΄ ν΄μκΈ°λ ν΄μλμ΄μΌ νλ CSS μμ±μ κ°μ§νκΈ° μ μ λ¨Όμ λ°μ΄ν°λ² μ΄μ€λ₯Ό μ¬μ©ν μ μλμ§ νμΈν©λλ€.
μλ μ λμ¬λ Emmet v2μμ μ κ±°λ©λλ€.
IntelliJ μ¬μ©μμ κ²½μ° λ€μμμ Auto insert css vendor prefixes
λΉνμ±ννμμμ€.
Preferences > Editor > Emmet > CSS
κ°μ₯ μ μ©ν λκΈ
Sublime Textμμ μλ μ λμ¬λ₯Ό μ κ±°νλ €λ©΄ Preferences > Package Settings > Emmet > Settings-Userλ₯Ό ν΄λ¦νκ³ λ€μ μ€λν«μ μΆκ°νμμμ€.