wepy开发百度小程序指导手册

wepy是基于Vue.js框架开发的一套小程序组件化开发框架，并支持使用Promise等异步编程方式。它为小程序开发提供了更友好、更灵活的开发体验。

wepy框架的特点包括：

1. 支持类Vue.js语法，最大化迁移Web开发者的开发体验；

2. 支持组件化开发，提高代码的可维护性；

3. 支持NPM包管理器，提高代码的可重用性；

4. 支持ES2015+特性，提高开发效率；

5. 支持自定义构建配置，包括CSS预处理器、ESLint自动检查等；

6. 支持以Component为单位输出基于开放能力的小程序组件库。

下面对wepy开发小程序的指导手册进行详细介绍：

1. 环境搭建

wepy需要安装node.js环境支持，可到node.js官网下载最新版，进行安装并配置环境变量。安装完成后使用npm命令安装脚手架：

```

npm install wepy-cli -g

```

使用以下命令创建项目：

```

wepy init standard myproject

```

初始化之后，进入项目目录，在终端中输入以下命令：

```

npm install

```

安装依赖。

2. 目录结构

wepy项目的文件结构如下：

```

.

├── dist

│ ├── app.js

│ ├── app.json

│ ├── app.wxss

│ └── pages

│ ├── index

│ │ ├── index.js

│ │ ├── index.json

│ │ ├── index.wxml

│ │ └── index.wxss

│ ├── logs

│ │ ├── logs.js

│ │ ├── logs.json

│ │ ├── logs.wxml

│ │ └── logs.wxss

│ └── pages.js

├── node_modules

├── package.json

├── src

│ ├── app.wpy

│ ├── components

│ │ └── counter.wpy

│ ├── pages

│ │ ├── index.wpy

│ │ └── logs.wpy

│ └── static

└── wepy.config.js

```

其中：

- dist目录为编译后的小程序代码目录；

- src目录为开发目录，包含小程序页面和组件的代码；

- wepy.config.js为wepy的配置文件；

- package.json为npm的配置文件。

3. 开发流程

3.1 创建页面或组件

可在src/pages或src/components目录下创建页面或组件文件，例如在src/pages目录下创建index.wpy文件：

```vue

```

3.2 编译运行

在终端中输入以下命令进行编译：

```

wepy build

```

编译成功后，会在dist目录下生成小程序代码。

3.3 导入小程序

使用微信开发者工具导入项目代码，并配置AppID。

4. 小程序开发注意事项

- wpy文件的标签区分大小写，例如template、script、style必须全部小写；

- wpy文件中使用的Vue语法必须符合小程序的限制；

- 注册小程序页面时，使用@Page注解，将页面类导出即可；

- 小程序 API 的使用与普通小程序无区别。

以上就是wepy开发百度小程序的指导手册，wepy作为一款优秀的小程序开发框架，具有良好的组件化开发能力和与Vue.js类似的语法风格，十分适合Web开发者进行小程序开发。