Vant4+Vue3+Vite开发搭建教程

一、安装Vue3

1.安装 并 创建Vue3 引用

npm create vue@latest

创建过程可以一路 NO

目前推荐使用 Vue Router ---> Yes   ;   ESLint  ---> Yes  ;  Prettier --> Yes

二、安装 并 全局注册Vant4

1.安装最新 vant 组件

npm i vant  

2. 修改main.js

// 1. 引入组件样式
import 'vant/lib/index.css';import Vant from 'vant';import { createApp } from 'vue'
import App from './App.vue'
import router from './router'const app = createApp(App)app.use(router)app.use(Vant);app.mount('#app')

三、启动调试，编译发布

1.启动调试运行

 npm run dev

2.编译发布

npm run build

更多：

Vant 使用整理

Vue 类与样式

Vue 表单输入绑定，双向绑定