框架开发

第一步: 安装开发工具

安装 Taro 开发工具 ;
使用 npm 或者 yarn 的方式都可以获取，也可以直接使用 npx(在 npm 5.2+ 下)

第二步: 初始化项目

使用命令创建模板项目

    $ taro init swan-taro

也可以参考 Taro 开发百度小程序示例

第三步: 安装依赖

进入项目目录，安装依赖

    $ npm install

第四步: 构建目标代码

去掉 —watch 将不会监听文件修改，并会对代码进行压缩打包

    # npm script
    $ npm run dev:swan // 开发模式
    $ npm run build:swan // 线上模式
    # 仅限全局安装
    $ taro build --type swan --watch
    $ taro build --type swan

第四步: 开发者工具打开项目

npm run build:swan
在 project.swan.json文件中增加配置 "smartProgramRoot": "dist"（如果已有此配置，请忽略）
在项目信息面板中设置如下自定义预处理指令。
- 编译前预处理: npm run dev:swan 并勾选 异步执行
- 上传前预处理: npm run build:swan
重新打开项目

第一步: 初始化项目

使用示例项目:

也可以参考

第二步: 安装依赖

进入项目目录，安装依赖


    $ npm install mpvue@beta mpvue-loader@beta mpvue-template-compiler@beta

第三步: 构建目标代码

    $ npm run dev:swan  // 开发模式

第四步: 开发者工具打开项目

可以通过两种方式打开项目：
方式一：使用开发者工具打开生成的 dist/swan 目录，进行调试、预览、上传，
方式二：使用 2.8.1 及以上版本开发者工具打开项目目录，同时进行以下配置，配置完成后，就可以在开发者工具中开发、调试、预览、上传。

npm run build:swan
在project.swan.json文件中增加配置 "smartProgramRoot": "dist/swan"（如果已有此配置，请忽略）
在项目信息面板中设置如下自定义预处理指令。
- 编译前预处理: npm run dev:swan 并勾选 异步执行
- 上传前预处理: npm run build:swan
点击编译按钮

第一步: 安装开发工具

安装 WePY 开发工具 wepy-cli;

    $ npm install -g wepy-cli@1.7.3-alpha6

第二步: 初始化项目

也可以参考

第三步: 安装依赖

进入项目目录，安装依赖

    $ npm install

第四步: 构建目标代码

注：去掉 —watch 将不会监听文件修改，并会对代码进行压缩打包

    # 仅限全局安装
    $ wepy build -o baidu --watch

第五步: 开发者工具预览

在百度开发者工具中选择打开项目目录下的dist目录，就可以在开发者工具中预览项目。

第一步：安装 CLI 工具

Node 安装（要求 Node >=8 && NPM >= 3），具体安装可以到官网下载；
CLI 工具安装:

npm install okam-cli -g

第二步：初始化项目

第三步：构建目标代码

第四步: 开发者工具打开项目

可以通过两种方式打开项目：
方式一：使用开发者工具打开生成的 dist 目录，进行调试、预览、上传，
方式二：使用 2.8.1 及以上版本开发者工具打开项目目录，同时进行以下配置，配置完成后，就可以在开发者工具中开发、调试、预览、上传。

npm run prod
在 project.swan.json文件中增加配置 "smartProgramRoot": "dist"（如果已有此配置，请忽略）
在项目信息面板中设置如下自定义预处理指令。
- 编译前预处理: npm run dev 并勾选 异步执行
- 上传前预处理: npm run prod
点击编译按钮