vue怎么vw布局好用_vue移动端 vw布局配置

参考：

vue cli 2.x版本：

第一步：Vue cli 2.x安装

npm install -g vue-cli

桥接工具：npm i -g @vue/cli-init

vue init webpack vue-mobile

第二步：安装PostCSS相关插件：

npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext cssnano --save-dev

npm i cssnano-preset-advanced --save-dev

第三步：修改.postcssrc.js

module.exports = {

"plugins": {

"postcss-import": {},

"postcss-url": {},

// to edit target browsers: use "browserslist" field in package.json

// "autoprefixer": {},

"postcss-aspect-ratio-mini": {},

"postcss-write-svg": {

utf8: false

},

"postcss-cssnext": {},

"postcss-px-to-viewport": {

viewportWidth: