vant開發(fā)微信小程序安裝以及簡單使用教程
更新時間：2022年12月24日 14:09:33 作者：Nanchen_42
這篇文章主要介紹了vant開發(fā)微信小程序安裝以及簡單使用教程,需要的朋友可以參考下
準備工作
首先準備一個空文件夾，新建微信小程序，把文件夾路徑引入，刪除index.wxml,index.wxss以及index.js中的文件內(nèi)容
刪除完畢后重新初始化index.js，在頁面中輸入page
對外圍的文件夾進行初始化
接下來就是在文件夾下的目錄中調(diào)出控制臺輸入以下命令
npm init -y
第一步：使用以下命令進行配置
npm i @vant/weapp -S --production?
安裝完成后出現(xiàn)一個node_modules文件夾就算成功了
第二步 ：刪除app.json中的"style":"v2"
第三步：在詳情中基本配置中勾選npm模塊
第四步：點擊工具——>構(gòu)建npm
構(gòu)建成功即可
到此為止項目就已經(jīng)安裝完畢了
接下來就是如何用vant
比如這里用按鈕控件就必須先引入按鈕的配置
app.json是全局的，index.json只對當前文件有用
效果顯示如下：
比如還想引入單元格樣式
以上就是vant開發(fā)微信小程序安裝以及簡單使用教程的詳細內(nèi)容，更多關(guān)于vant開發(fā)微信小程序的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
vue?禁止重復(fù)點擊發(fā)送多次請求的實現(xiàn)
本文主要介紹了vue?禁止重復(fù)點擊發(fā)送多次請求的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-03-03
Vue中生命周期包括多個階段,如created和mounted,每階段有特定鉤子函數(shù),生命周期與瀏覽器渲染過程密切相關(guān),了解這些可以優(yōu)化頁面渲染和數(shù)據(jù)處理,created階段適用于數(shù)據(jù)初始化,而mounted階段適合進行DOM操作和頁面渲染后的處理2024-10-10
vue項目實現(xiàn)點擊目標區(qū)域之外可關(guān)閉(隱藏)目標區(qū)域
這篇文章主要介紹了vue項目實現(xiàn)點擊目標區(qū)域之外可關(guān)閉(隱藏)目標區(qū)域，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要為大家介紹了vue實現(xiàn)無縫滾動手摸手教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03![解決antd 下拉框 input [defaultValue] 的值的問題](http://img.jbzj.com/images/xgimg/bcimg4.png)
解決antd 下拉框 input [defaultValue] 的值的問題
這篇文章主要介紹了解決antd 下拉框 input [defaultValue] 的值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了vue-cli構(gòu)建的小說閱讀器，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
vue?點擊按鈕?路由跳轉(zhuǎn)指定頁面的實現(xiàn)方式
這篇文章主要介紹了vue?點擊按鈕?路由跳轉(zhuǎn)指定頁面的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue-cli整合vuex的時候,修改actions和mutations,實現(xiàn)熱部署的方法
今天小編就為大家分享一篇vue-cli整合vuex的時候,修改actions和mutations,實現(xiàn)熱部署的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了vuex 閑置狀態(tài)重置方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了Vue學習之組件用法,結(jié)合實例形式分析了vue.js組件的使用流程、模板、父子組件、插槽slot等相關(guān)原理與操作技巧,需要的朋友可以參考下2020-01-01