https://github.com/huangang/wepy-one
小程序-one(wepy版本)
https://github.com/huangang/wepy-one
oneapp wechat wepy
Last synced: 10 months ago
JSON representation
小程序-one(wepy版本)
- Host: GitHub
- URL: https://github.com/huangang/wepy-one
- Owner: huangang
- Created: 2017-01-02T07:29:53.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-02-24T05:47:58.000Z (over 8 years ago)
- Last Synced: 2024-11-18T02:38:13.096Z (over 1 year ago)
- Topics: oneapp, wechat, wepy
- Language: JavaScript
- Size: 103 KB
- Stars: 47
- Watchers: 5
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-wepy - wepy-one：微信小程序one(wepy版本)
README
# wepy-one
## install
```bash
npm install wepy-cli -g
npm install cross-env -g # 正式环境编译用
cd wepy-one
npm install
wepy build --watch
```
#### 项目目录结构
```
├── dist 微信开发者工具指定的目录
├── node_modules
├── src 代码编写的目录
| ├── components 组件文件夹（非完整页面）
| | ├── com_a.wpy 可复用组件 a
| | └── com_b.wpy 可复用组件 b
| ├── pages 页面文件夹（完整页面）
| | ├── index.wpy 页面 index
| | └── page.wpy 页面 page
| └── app.wpy 小程序配置项（全局样式配置、声明钩子等）
└── package.json package 配置
```
#### 开发使用说明
1. 使用`微信开发者工具`新建项目，本地开发选择`dist`目录。
2. `微信开发者工具` --> 项目 --> 关闭ES6转ES5。
3. 本地项目根目录运行`wepy build --watch`，开启实时编译。
###代码规范：
1. 变量与方法使用尽量使用驼峰式命名，避免使用`$`开头。
以`$`开头的方法或者属性为框架内建方法或者属性，可以被使用，使用前请[参考API文档](https://wepyjs.github.io/wepy/#/#api)。
2. 入口，页面，组件的命名后缀为`.wpy`。外链的文件可以是其它后缀。
请参考[wpy文件说明](https://wepyjs.github.io/wepy/#/#wpy文件说明)
3. 使用ES6语法开发。
框架在ES6下开发，因此也需要使用ES6开发小程序，ES6中有大量的语法糖可以让我们的代码更加简洁高效。
4. 使用Promise
框架默认对小程序提供的API全都进行了 Promise 处理，甚至可以直接使用`async/await`等新特性进行开发。
## 感谢
本程序是代码大量参考了[weapp-one](https://github.com/ahonn/weapp-one),特此声明,表示感谢
[ReactNativeOne](https://github.com/lipeiwei-szu/ReactNativeOne)
[wepy](https://github.com/wepyjs/wepy)