vue项目创建好之后，执行下列步骤
- 安装postcss-loader
要实现使用vw来实现移动端的适配，我们先需要安装postcss但cli4已经自带有postcss了所以我们不用再装了，可以直接安装postcss-loader就好了，如果是cli4以下的需要这一步，可以vue -V查看版本
npm i postcss-loader --save-dev
- 然后安装postcss-px-to-viewport
实现vw适配就是要利用这么一个插件：postcss-px-to-viewport。它可以将我们设置px值自动转化为相应的vw、vh之类的值。
npm install postcss-px-to-viewport --save-dev
配置参数
cli4有些文件已经不显示出来了要自己去新建在项目文件夹下新建一个postcss.config.js文件
module.exports = {
plugins: {
autoprefixer: {},
// vw/vh配置
'postcss-px-to-viewport': {
viewportWidth: 750, // 视窗的宽度，对应的是我们设计稿的宽度，一般是750
viewportHeight: 1334, // 视窗的高度，根据750设备的宽度来指定，一般指定1334，也可以不配置
unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数
viewportUnit: "vw", //指定需要转换成的视窗单位，建议使用vw
selectorBlackList: ['.ignore'],// 指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名
minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位，你也可以设置为你想要的值
mediaQuery: false // 允许在媒体查询中转换`px`
},
}
}
这样配置好后就可以完美适配了，页面上直接用px写就行，会自动转换成vw
