2020-08-26

vue脚手架4安装

vue create 项目名

启动项目 npm run serve

vue ui

//Rem适配

项目编写过程中样式直接使用px为单位，然后在用工具转化

//用flexible用于设置rem基准值

cnpm i lib-flexible  --save

//安装postcss-pxtorem用于将单位转化rem

cnpm i postcss-pxtorem --save-dev

min.js

import 'lib-flexible'

引入vue.config.js

const autoprefixer = require('autoprefixer');

const pxtorem = require('postcss-pxtorem');

module.exports = {

    css: {

        loaderOptions: {

            postcss: {

                plugins: [

                    autoprefixer({

                        overrideBrowserslist: ['Android >= 4.0', 'iOS >= 7']

                    }),

                    pxtorem({

                        rootValue: 37.5,

                        propList: ['*'],

                        unitPrecision: 3,

                        minPixelValue: 2

                    })

                ]

            }

        }

    }

}

cnpm i vant -S

npm run serve