Skip to content

suifengcool/weApp-cli-wepy

Repository files navigation

微信小程序

本项目基于wepy开发,参考这里

开发

    1. 安装 wepy
npm install wepy-cli -g
    1. 下载源代码
git clone git@github.com:suifengcool/miniapp.git
    1. 安装开发依赖
cd miniapp
npm install
    1. 编译源代码
wepy build [--watch]
# 或者运行
npm run dev
  • 5.导入至开发者工具

编译完成后会生成dist目录。

打开开发者工具,新建小程序项目,目录指向 /miniapp/dist

切记: 取消勾选开发者工具->项目->开启ES6转ES5,否则代码运行出现错误。

产出

产出时,会压缩 css js,进行 eslint 验证

npm run build

具体配置见 /wepy.config.js

目录结构

├── dist                   微信开发者工具指定的目录(产出目录)
├── node_modules
├── src                    代码编写的目录
|   ├── common             公用js方法库
|   |   ├── cm_a.js        可复用js a
|   |   └── cm_b.js        可复用js b
|   ├── components         组件文件夹(非完整页面)
|   |   ├── com_a.wpy      可复用组件 a
|   |   └── com_b.wpy      可复用组件 b
|   ├── pages              页面文件夹(完整页面)
|   |   ├── index.wpy      页面 index
|   |   └── page.wpy       页面 page
|   ├── assets             图片资源库
|   |   ├── a.png          图片 a
|   |   └── b.jpg          图片 b
|   ├── mocks              mock假数据
|   |   ├── a.png          图片 a
|   |   └── a.js           返回假数据对象
|   └── app.wpy            小程序配置项(全局样式配置、声明钩子等)
└── package.json           package 配置

其他

About

微信小程序 wepy 类vue

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published