1.启动vscode,点击左侧边栏扩展选项(Ctrl+shift+X)在扩展商店中搜索px to rem

 

  

vscode的mongodb插件有什么功能 vscode rem插件_搜索

 

  2.安装好之后右击px to rem,点击扩展设置,打开如图界面可以设置当前rem与px的比例值

 

  

vscode的mongodb插件有什么功能 vscode rem插件_css_02

 

  如图所示,我设置的比例为100px:1rem

 

  3.找到你需要转换为rem的css文件,全部选中(或选中需要的部分),以下是用来做小案例的一部分css

  

vscode的mongodb插件有什么功能 vscode rem插件_快捷键_03

 

  4.接下来就是见证奇迹的时刻了!  选中之后按Alt+Z快捷键就可以一键转换成rem啦~

  

vscode的mongodb插件有什么功能 vscode rem插件_搜索_04

  vscode小插件之一的功能就介绍到这里啦,感谢观看。