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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容