npm install wepy-cli -g
npm install
npm run dev
npm run build //上传代码时,请先执行此命令,否则会提示包体积过大
1、使用微信开发者工具-->添加项目,项目目录请选择dist目录。
2、微信开发者工具-->项目-->关闭ES6转ES5。 重要:漏掉此项会运行报错。
3、微信开发者工具-->项目-->关闭上传代码时样式自动补全。 重要:某些情况下漏掉此项也会运行报错。
4、微信开发者工具-->项目-->关闭代码压缩上传。 重要:开启后,会导致真机computed, props.sync 等等属性失效。
├── api
│ └── api.js //接口
├── app.wpy //入口文件
├── components //组件
│ ├── common //公共组件
│ ├── discover.wpy //发现列表
├── images //图片文件夹
├── pages //页面
│ ├── home.wpy //首页
├── plugins //插件
├── styles //样式
│ ├── base.less
│ ├── icon.less // 图标文件
│ └── style.less
└── utils //工具类
├── constant.js //常量
├── md5.js //md5
├── regions.js //省市区数据
├── tip.js //提示弹框组件
├── util.js //工具
└── wxRequest.js //ajax请求
此小程序借助于wepy进行高度的组件封装,仅供学习参考。喜欢就动手点个star吧~^o^~