taro-vant-dav
build with taro, vant-weapp
关键词 taro vant-weapp
在开发小程序中，尝试使用Taro作为基础框架，引入vant-weapp，Taro-UI。
引入后者相对来说要简单一些，
但是引入前者比较麻烦，我引入成功后分享出来，
希望帮助到更多的朋友，降低整合成本。
- Taro ^1.1.0-beta.2 或 ^1.1.0
- Type Script
整合有赞的组件库 vant-weapp。
可以做整合的示例。
Taro 官网地址: https://github.com/NervJS/taro
Vant-weapp文档地址:
https://youzan.github.io/vant-weapp
安装Taro的新版本
- 使用
taro init myApp - 修改
package.json中的taro相关包的版本号*^1.1.0-beta.2 - 运行
npm install
整合要点
- 下载
vant-weapp/dist保存在src/components/vant-weapp/dist - 在首页
index.jsx中修改usingComponents,声明引入的组件 - 在
render方法中直接组件比如van-button
lint
在package.json中增加lint脚本
"scripts":{
"lint": "eslint --fix --ext .js,.vue,.jsx,.ts,.tsx src"
}
可以在shell窗口中执行如下命令
npm run lint
截图
main-snap.png
