vue-cli中rem的使用

rem自适应布局插件配置

vue-cli插件配置

插件：lib-flexible

下载：npm install lib-flexible --save

在main.js中引入并全局注册

image.png

importflexiblefrom'lib-flexible'Vue.use(flexible)

vscode插件配置

下载插件：px to rem

image.png

根据文档进行配置

vscode：文件→首选项→设置在用户设置中进行设置

image.png

文档

image.png

px to rem,rem to px快捷键换算

选中需要换算的值：Alt+z

链接：https://www.jianshu.com/p/870f97bbc46d