百度小程序开放半年多以来,作为大部分开发者,你一定是照着小程序的官方文档,用着组件和API,撸出一套代码发布上线。大部分人心里,都会有这样的疑问:我已经有微信小程序了,能不能利用现有代码快速开发或者生成百度小程序?百度小程序、微信小程序、支付小程序、XX小程序等等,有没有统一的框架,一次开发,多平台运行? 以下从开发百度小程序入手,给大家带来非常规建议。 我们根据这张图,分成不同的开发场景: 根据这张图,我们可以看到,针对已有的微信小程序,我们可以通过 搬家工具搬家工具就是针对用原生微信语法开发的微信小程序,生成百度小程序代码。 搬家工具,是基于 应用层框架开发小程序的开发除去常见的原生小程序语法的开发模式,还可以应用层框架开发,用类现代框架 (vue/react) 的语法去开发小程序,提升开发体验和解决跨平台的问题。以下我们用4个框架举例,主要讲解如何用常见的小程序框架开发百度小程序。 Taro第一步: 安装开发工具安装Taro开发工具 $ npm install -g @tarojs/cli $ yarn global add @tarojs/cli 复制代码 第二步: 初始化项目使用命令创建模板项目 $ 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
复制代码
第五步: 开发者工具预览在百度开发者工具中选择打开项目目录下的 Tips && 文档mpvue第一步: 初始化项目使用示例项目:
$ git clone git@github.com:hucq/mpvue-platform-sample.git
复制代码
也可以参考 mpvue百度小程序demo 第二步: 安装依赖进入项目目录,安装依赖 $ npm install $ npm install mpvue@beta mpvue-loader@beta mpvue-template-compiler@beta 复制代码 第三步: 构建目标代码
$ npm run dev:swan // 开发模式 $ npm run build:swan // 线上模式 复制代码
第四步: 开发者工具预览在百度开发者工具中选择打开项目目录下的 Tips && 文档WePY第一步: 安装开发工具安装WePY开发工具
$ npm install -g wepy-cli@1.7.3-alpha6
复制代码
第二步: 初始化项目使用命令创建模板项目 $ wepy init standard 复制代码 也可以参考 WePY开发百度小程序示例 第三步: 安装依赖进入项目目录,安装依赖
$ npm install
复制代码
第四步: 构建目标代码注:去掉 --watch 将不会监听文件修改,并会对代码进行压缩打包 # 仅限全局安装
$ wepy build -o baidu --watch
$ wepy build -o baidu
复制代码
第五步: 开发者工具预览在百度开发者工具中选择打开项目目录下的 Tips && 文档Okam第一步:安装 CLI 工具
$ npm install okam-cli -g
复制代码
第二步:初始化项目$ okam init my-project $ cd my-project $ npm i 复制代码 |
温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。
- 微信扫描二维码关注官方微信
- ▲长按图片识别二维码