目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。1,安装
时间: 2024-09-15 07:10:33 浏览: 68
豆瓣同城-前端-微信小程序
Vant是一个轻量级的移动 UI 组件库,如果你想开始使用它,首先需要安装。以下是针对不同框架的安装步骤:
1. **Vue 2/3**:
- 使用 npm 或 yarn:
```
npm install vant
# 或者
yarn add vant
```
- 如果使用 Vue CLI,可以在`main.js`或`vite.config.js`中引入并配置:
```javascript
import Vant from 'vant';
Vue.use(Vant);
```
2. **微信小程序**:
- 在项目根目录下运行 `npm i vant weapp` (使用 npm) 或 `yarn add vant weapp` (使用 yarn)
- 在`app.json`文件中添加依赖
```json
"dependencies": {
"vant-weapp": "^2.0.0"
}
```
3. **React**:
- 社区版 Vant for React 可能需要单独安装,例如:
```bash
npm install @vant/weapp-react-component
```
- 然后在你的组件中导入并使用。
4. **支付宝小程序**:
- 需要在支付宝小程序管理后台添加依赖,然后在代码里引用相应的组件库。
记得查看官方文档以获取最新信息和详细教程,因为组件库可能会有更新和变动。
阅读全文