位置:首页 > 工具类 > 编辑器

VS Code中如何安装和使用cssrem插件

dearweb 发布:2021-09-22 14:40:31阅读:

作为一名前端开发,响应式布局的技能一定不能说不会,而说到响应式布局就不得不提一下cssrem插件了,这是vs code中的一款应用响应式布局的插件用起来非常爽。下面小编将使用步骤一一描述一下。

首先进入应用商店搜索安装插件

直接在应用商店中搜索cssrem

image.png

第二步,配置参数

通过配置可选参数,让我们在编程时更输入,提升开发速度。

image.png

下面是参数设置页面

image.png

下面是配置基本参数

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作为单位的基本配置。

24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看