VS Code中如何安装和使用cssrem插件
dearweb 发布:2021-09-22 14:40:31阅读:作为一名前端开发,响应式布局的技能一定不能说不会,而说到响应式布局就不得不提一下cssrem插件了,这是vs code中的一款应用响应式布局的插件用起来非常爽。下面小编将使用步骤一一描述一下。
首先进入应用商店搜索安装插件
直接在应用商店中搜索cssrem
第二步,配置参数
通过配置可选参数,让我们在编程时更输入,提升开发速度。
下面是参数设置页面
下面是配置基本参数
cssrem.rootFontSize root font-size (unit: px), default: 16 这项最重要,这就是根字体大小,默认是16px,即1rem = 16px,可自定义 cssrem.fixedDigits px转rem小数点最大长度,默认:6。 cssrem.autoRemovePrefixZero 自动移除0开头的前缀,默认:true 该插件可以在输入时选择转换,也可以使用ctrl+p,ctrl+r快捷键转换,支持html vue css less scss sass等文件格式或自定义文件
上面就是关于响应式不居中使用rem作为单位的基本配置。
小礼物走一波,支持作者
赏还没有人赞赏,支持一波吧