wepy one

wepy-one

install

npm install wepy-cli -g
npm install cross-env -g # 正式环境编译用
cd wepy-one
npm install
wepy build --watch

Project directory structure

 ├── 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 配置

Development instructions

1. Use微信开发者工具to create a new project and select the dist directory for local development.
2. 微信开发者工具--> Project --> Close ES6 and convert to ES5.
3. Run wepy build --watch in the local project root directory to enable real-time compilation.

###Code specification:

1. When using variables and methods, try to use camel case naming and avoid starting with $ . Methods or properties starting with $ are built-in methods or properties of the framework and can be used. Please refer to the API documentation before use.
2. The naming suffix of the portal, page, and component is .wpy . Externally linked files can have other suffixes. Please refer to the wpy file description
3. Developed using ES6 syntax. The framework is developed under ES6, so we also need to use ES6 to develop small programs. ES6 has a lot of syntax sugar that can make our code more concise and efficient.
4. Using the Promise framework, all APIs provided by the mini program are processed by Promise by default, and you can even directly use new features such as async/await for development.

grateful

This program is based on a large number of code references from weapp-one. I hereby declare that I would like to express my gratitude.
ReactNativeOne
wepy