- 首先vue create XXX创建vue项目
- 安装vant,vant官网https://vant-contrib.gitee.io/vant/v2/#/zh-CN/quickstart
- 使用vue2的话,安装vant2 npm i vant@latest-v2 -S
- 选用自动按需引入组件的方式的话,下载相关依赖 npm i babel-plugin-import -D
- 同时在.babelrc 中添加配置,如果创建vue项目时选择的是生成babel.config,则在babel.config添加配置
// 在.babelrc 或babel.config中添加配置
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
- 下载postcss postcss-pxtorem@5.1.1 lib-flexible
- npm i postcss postcss-pxtorem@5.1.1 lib-flexible
- main.js引入import 'lib-flexible/flexible'
- 在postcss.config.js中做配置
// postcss.config.js
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*'],
},
},
};
网友评论