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