一、工具说明

vscode编辑器

二、安装

使用包管理器安装

npm install vant -S

 查看是否安装成功：查看项目下的package.json文件中的依赖是否有vant:

三、导入

 1、按需导入

按照node_mouduls目录下的vant文件夹的lib目录中的路径导入你要的组件

2、整体导入

在项目下的main.js文件中：

import './assets/main.css'import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import Vant from 'vant'
import 'vant/lib/index.css'
const app = createApp(App)app.use(router)
app.use(Vant)
app.mount('#app')

 这样我们就可以使用vant的组件了