vue腳手架4安裝

vue create 項(xiàng)目名

啟動(dòng)項(xiàng)目 npm run serve

vue ui

//Rem適配

項(xiàng)目編寫過程中樣式直接使用px為單位，然后在用工具轉(zhuǎn)化

//用flexible用于設(shè)置rem基準(zhǔn)值

cnpm i lib-flexible? --save

//安裝postcss-pxtorem用于將單位轉(zhuǎn)化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