flexible.js适配方案前期准备~

作为一名前端自学党，现在还在基础阶段，今天学习了rem适配方案的第二种方案—flexible.js方案，有不对的地方还请多多指教【抱拳】。

flexible.js方案较为less+媒体查询的代码编写较为简单，但是前期的准备工作也就多一些些，下面是我整理的一些前期准备工作。

首先引入js文件

https://github.com/amfe/lib-flexible
先去上面的网址下载下来js库，不需要登录直接下载就可。
然后将其中的index.min.js引入我们的index.html中，记得script是双标签哦！

VSCode插件安装

然后为了解决手动计算的问题，可以引入px转换为rem的插件：cssrem,这里面的默认文字大小为16px,直接在vscode中搜索安装插件即可。

修改默认文字大小

比如拿到手的设计稿是750px的，那么采用flexible.js布局除以10就是75px，所以要把默认用户设置为75，这样使用cssrem插件直接就能够将px转换为对应的rem大小啦！
第一步点击vscode中的设置，然后最新版本的和网上给的教程还不大一样，找了半天也没找到settingjson,然后我是直接尝试的搜索cssrote，然后复制了此语句，又在json中打开了settingjson，复制进去，后来返回看cssrote中的已经自动修改了，（也不知道自己弄的对不对（哭））
不过目前重启vscode之后呢，经过验证是可以转换为以75px为大小的rem的。