wepy安装

npm安装

npm install wepy-cli -g   // 全局安装wepy-cli

wepy new mywepy        // 开发目录生成开发的demo

cd mywepy            // 切换至项目目录

wepy build --watch  //开发时实时编译（npm run dev）

wepy build   //上传前代码压缩 （npm run build）

项目目录结构

├── dist                微信开发者工具指定的目录（该目录由WePY的build指令自动编译生成，请不要直接修改该目录下的文件）

├── node_modules        node文件

├── src                 代码编写的目录（该目录为使用WePY后的开发目录）

| ├── components        WePY组件目录（组件不属于完整页面，仅供完整页面或其他组件引用）

| | ├── com_a.wpy       可复用的WePY组件a

| | └── com_b.wpy       可复用的WePY组件b

| ├── pages             WePY页面目录（属于完整页面）

| | ├── index.wpy       index页面（经build后，会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件）

| | └── other.wpy       other页面（经build后，会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件）

| └── app.wpy           小程序配置项（全局数据、样式、声明钩子等；经build后，会在dist目录下生成app.js、app.json和app.wxss文件）

└── package.json        项目的package配置

开发使用说明

使用微信开发者工具新建项目，本地开发选择dist目录。

微信开发者工具 --> 项目 --> 关闭ES6转ES5。

本地项目根目录运行wepy build --watch，开启实时编译。

具体参考以下网址：

1、https://segmentfault.com/a/1190000007580866#articleHeader5( wepy 文档 )

2、https://github.com/tencent/wepy (wepy github)

3、https://tencent.github.io/wepy/（wepy   API）