wepy小程序学习笔记(1)

最近在学习wepy框架开发小程序,记录一下学习笔记,有不足的地方,欢迎大家多多指出呀

一、准备工作

1.全局安装
npm install wepy-cli -g
2.创建项目
wepy new 项目名称
3.进入项目目录并安装依赖
1. cd 项目名
2. npm install #安装依赖

二、开始开发

1.注册app
在src下创建app.wpy文件,注册app使用wepy.app

在这里插入图片描述

2.注册页面
以mine页面为例,使用app.page进行注册页面

在这里插入图片描述

3.注册组件
在页面中使用组件(包括第三方组件库)以vant-weapp库为例
npm install @vant/weapp -S
安装后,找到node_modules --> @vant --> weapp --> lib文件,拷贝到src下的components(没有可以自己创建)文件夹下,并修改名字为vant
在mine页面中,以van-button组件为例,进行使用

在这里插入图片描述

在mine页面,使用自己创建的组件

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zxo_apple/article/details/106719013