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
  1. 根据文档进行配置
    vscode:文件首选项设置 在用户设置中进行设置
image.png

文档

image.png

  1. px to rem,rem to px快捷键换算
    选中需要换算的值:Alt+z
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容