wepy开发小程序实践

115 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第24天,点击查看活动详情

wepy

安装:

npm install -g wepy-cli

初始化项目

wepy init standard your-project

下载依赖

npm install 

开启实时编译

wepy build --watch

效果:

vscode如何语法高亮wpy文件:

文件目录结构:


├── dist 小程序运行代码目录(该目录由WePY的build指令自动编译生成,请不要直接修改该目录下的文件) 
├── node_modules 
├── src 代码编写的目录(该目录为使用WePY后的开发目录) 
| ├── components WePY组件目录(组件不属于完整页面,仅供完整页面或其他组件引用) 
| | ├── com_a.wpy 可复用的WePY组件a 
| | └── com_b.wpy 可复用的WePY组件b 
| ├── pages WePY页面目录(属于完整页面) 
| | ├── index.wpy index页面(经build后,会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件) 
| | └── other.wpy other页面(经build后,会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件) 
| └── app.wpy 小程序配置项(全局数据、样式、声明钩子等;经build后,会在dist目录下生成app.js、app.json和app.wxss文件) 
└── package.json 项目的package配置
1.4.1以后使用promise,asyn等

需要手动配置

npm install wepy-async-function --save

在app.wpy中引入

config设置和app.json一致

设置菜单: