vscode配置

标签配对高亮

1.Highlight Matching Tag

2.在设置文件中输入当前代码

"highlight-matching-tag.styles": { "opening": { "name": { "highlight": "#ff0" } } }

括号配对高亮

1.2021年12月vscode更新的功能

2.在设置文件中输入当前代码 `"editor.bracketPairColorization.enabled": true,

  "editor.guides.bracketPairs": true,`

手机淘宝团队封装的flexible.js框架配合px to rem插件快速实现适配

目标：利用js的方式给每一个屏幕尺寸都设置了一个根标签的字体大小（当前屏幕宽度的尺寸 / 10）

引入方式：利用<script src="flexible.js"></script>

????如何得到rem值????

?rem * 37.5px = 你测量出的数值

？rem = 测量出的数值 / 当前ui设计师给你的设计稿对应的根标签字体大小

比如：

如果ui给你一张750的设计稿，2倍图，所以设计稿真实尺寸是 375 那么根标签字体大小应该是 37.5

如果ui给你一640的设计稿，2倍图，所以设计稿真实尺寸是 320 那么根标签字体大小应该是 32

px to rem

alt + Z 可以快速将px->rem  rem->px

安装插件步骤：