1、在新專案中使用 vant 時，推薦使用 vue 官方提供的腳手架 vue cli 建立專案
# 安裝 vue cli
npm install -g @vue/cli
# 建立乙個專案
vue create hello-world
# 建立完成後，可以通過命令開啟圖形化介面，如下圖所示
2、在圖形化介面中，點選依賴->安裝依賴，然後將vant新增到依賴中，同時新增其它需要的依賴，如路由，axios等
3、安裝相關的外掛程式
4、引用babel 外掛程式
babel-plugin-import 是一款 babel 外掛程式，它會在編譯過程中將 import 的寫法自動轉換為按需引入的方式
（1）# 安裝外掛程式 npm i babel-plugin-import -d
（2）在 babel.config.js 中配置
module.exports = , 'vant'] ] };
（3）接著你可以在**中直接引入 vant 元件，
外掛程式會自動將**轉化為按需引入形式
import from 'vant';
5、安裝好的專案截圖如下：
6、如果要切換專案，如圖
Vue專案使用vant框架
近期在開發h5端專案，用到vant框架，vant是一款基於vue的移動ui元件，看了vant的官方文件 感覺不錯，功能比較齊全，視覺化頁面效果也不錯，接下來與大家分享一下vant引入流程。1 在專案裡面安裝 vant npm install vant s 也可簡寫為 npm i vant s 接下來...
vue專案中使用vant外掛程式
下面使用vant外掛程式的方法是官方推薦的一種方法，是自動按需引入的。如果您按照下面方法沒能成功引入vant，您可以到官網去檢視其它引入方法。vant官網 在專案的根目錄下，使用npm i vant s命令安裝vant 在專案的根目錄下，使用npm i babel plugin import d命令...
VUE專案中安裝和使用vant元件
vant 是有贊前端團隊基於有讚統一的規範實現的 vue 元件庫，提供了一整套 ui 基礎元件和業務元件。1 建立vue專案之後進入專案目錄執行安裝命令 npm i vant s2 安裝 babel plugin import 外掛程式，babel plugin import 是一款 babel 外...