vue-cli中rem的使用

rem自适应布局插件配置

vue-cli插件配置

插件：lib-flexible

1. 下载：npm install lib-flexible --save
2. 在main.js中引入并全局注册

image.png

import flexible from 'lib-flexible'
Vue.use(flexible)

vscode插件配置

1. 下载插件： px to rem

image.png

2. 根据文档进行配置
   vscode：文件→首选项→设置 在用户设置中进行设置

image.png

文档

image.png

3. px to rem,rem to px快捷键换算
   选中需要换算的值：Alt+z