如何使用wepy和 vant-weapp開發小程序

這裏記錄一下  使用wepy框架和  vant-weapp庫開發小程序
廢話 很少說html

wepy文檔: https://tencent.github.io/wepy/document.html#/  node

vant-weapp 文檔 https://youzan.github.io/vant-weapp/#/quickstart
1 安裝環境
全局安裝或更新WePY命令行工具
 wepy init standard myproject   (1.7版本之後)git

切換至項目目錄github

cd myproject

安裝依賴npm

npm  install

開啓實時編譯小程序

wepy build --watch

而後運行會報錯bash

由於wepy自帶編譯和壓縮,因此取消app

正常了框架

而後  引入 vant-weapp
# npm npm i vant-weapp -S --production工具


此時node-modules 下面有個 vant-weapp的文件,

將其中的lib拷貝出來,放在components下面
  
在template 下面使用  

 

 在config中聲名

而後用開發者工具運行

bingo!!

相關文章
相關標籤/搜索