依赖安装说明
~~~
--save: 将依赖安装到 dependencies
--save-dev: 将依赖安装到 devDependencies
在开发环境下，两者内所有依赖都会被下载，在生产环境下只会下载 dependencies 下依赖
~~~
vue-cli 脚手架使用
~~~
vue create test-project
~~~
## ui框架默认样式修改
说明：当前 ui 框架（像 iview、element） css 使用单位均为 px ，在很多时候需要重写样式将 px 转换为 rem 达到适配大多电脑屏幕分辨率。现使用 `postcss-pxtorem` 可将 ui 框架样式单位选择性替换为 rem
### 1. 安装依赖
~~~
// 包管理选择的是 yarn，当然也可以使用 npm ，全凭个人喜好
yarn add postcss-pxtorem --dev
~~~
### 2. 配置
在 package.json 文件内添加
~~~
"postcss": {
"plugins": {
"postcss-pxtorem": {
"rootValue": 16,
"unitPrecision": 5,
"propList": ["*"],
"selectorBlackList": [],
"replace": true,
"mediaQuery": false,
"minPixelValue": 0
}
}
}
~~~
额外小知识点：
~~~
1rem = ?px
// rem 为相对于根元素的字体大小的单位
// 若设置 html { font-size: 14px } ，那么 1rem = 14px
// 未设置的话，现在 pc 端浏览器默认为 16px 即 1rem = 16px
~~~
配置说明：
~~~
rootValue： 根元素字体大小，默认值16px，可理解为1rem = 16px
unitPrecision：px 转 rem 小数保留位数，默认可保留 5 位
propList：选择哪些属性单位被转换为 rem，默认值 ['font', 'font-size', 'line-height', 'letter-spacing']，这里设置 '*' 表示所有属性单位转换
selectorBlackList：选择忽略转换为 px 的 class 名称，默认值 []，['ivu', 'ele'] 表示 `.ivu-...`、`.ele-...`的所有 class 名称忽略转换
replace：(Boolean) replaces rules containing rems instead of adding fallbacks.
mediaQuery：允许px转换媒体查询
minPixelValue：最小转换像素值设置
~~~
