关于Vue3.x安装Vant,直接参考Vant官方引入文档。
以下是Vue2.x安装Vant步骤:
1. npm安装vant
npm install vant --save --registry=https://registry.npm.taobao.org
2. 安装babel-plugin-import
npm i babel-plugin-import -D
3.在babelrc文件配置plugins
"plugins": ["transform-vue-jsx", "transform-runtime",
["import", [{ "libraryName": "vant", "style": true }]]
]
4. 优雅的引入Vant
import {Button,Cell, CellGroup} from 'vant'
Vue.use(Button).use(Cell).use(CellGroup)
5.页面验证效果
<van-button type="primary">主要按钮</van-button>
安装以上步骤,即可安装成功。
注意: 如果npm安装失败,可以尝试cnpm安装。