1、在新專案中使用 Vant 時，推薦使用 Vue 官方提供的腳手架Vue Cli建立專案

# 安裝 Vue Cli
npm install -g @vue/cli

# 建立一個專案
vue create hello-world

# 建立完成後，可以通過命令開啟圖形化介面，如下圖所示
vue ui

2、在圖形化介面中，點選依賴->安裝依賴，然後將vant新增到依賴中，同時新增其它需要的依賴，如路由，axios等

3、安裝相關的外掛

4、引用babel 外掛

babel-plugin-import是一款 babel 外掛，它會在編譯過程中將 import 的寫法自動轉換為按需引入的方式

（1）# 安裝外掛 npm i babel-plugin-import -D

（2）在 babel.config.js 中配置

module.exports = { plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ] };

（3）接著你可以在程式碼中直接引入 Vant 元件，外掛會自動將程式碼轉化為按需引入形式

import { Button } from 'vant';

5、安裝好的專案截圖如下：

6、如果要切換專案，如圖