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 配置
- 使用
微信开发者工具
新建项目,本地开发选择dist
目录。 微信开发者工具
--> 项目 --> 关闭ES6转ES5。- 本地项目根目录运行
wepy build --watch
,开启实时编译。
###代码规范:
- 变量与方法使用尽量使用驼峰式命名,避免使用
$
开头。 以$
开头的方法或者属性为框架内建方法或者属性,可以被使用,使用前请参考API文档。 - 入口,页面,组件的命名后缀为
.wpy
。外链的文件可以是其它后缀。 请参考wpy文件说明 - 使用ES6语法开发。 框架在ES6下开发,因此也需要使用ES6开发小程序,ES6中有大量的语法糖可以让我们的代码更加简洁高效。
- 使用Promise
框架默认对小程序提供的API全都进行了 Promise 处理,甚至可以直接使用
async/await
等新特性进行开发。
本程序是代码大量参考了weapp-one,特此声明,表示感谢
ReactNativeOne
wepy