mobile / yoho-miniapp-ufo · Files

UFO小程序编写说明

• 项目运行及 Taro 相关
• Taro 与微信小程序混编
• 组件化
• 规范

项目运行及 Taro 相关

该项目采用 Taro 框架编写，因此需要执行如下命令：

1. 全局安装 @tarojs/cli

   $ npm i -g @tarojs/cli

   or

   $ yarn global add @tarojs/cli

2. 项目中执行 npm or yarn

   $ npm i

   or

   $ yarn

3. 执行开发/编译

   1) 构建开发环境下的项目（会实时监听文件修改）：

   $ npm run dev:weapp

   or

   $ yarn dev:weapp

   2) 构建生产环境下的项目（一次性编译）：

   $ npm run build:weapp

   or

   $ yarn build:weapp

4. 查看效果，将当前项目目录拖入微信小程序开发工具即可。

注意： Taro 的使用的 Node 版本是 7.5 及以上，因此不支持 7.5 版本以下的 Node。（推荐使用 Node 10.x ，目前的 LTS 版本）

Taro 与微信小程序混编

Taro 官方给出了 Taro 与微信小程序混编的例子，在 Taro 的 sourceRoot 目录中编写微信小程序原生代码，会直接原样编译到 outputRoot 目录下。

对于 UFO 的原生开发者来说：

1. 如果你编写的是原生小程序的代码，请直接在 src/pages 下编写原本的页面。（组件与之相同，编写在 src/components）
2. 添加你要使用的页面到 src/app.js 中的 pages 数组中
3. 原生小程序中使用的资源，请放置在 src/assets 目录下

组件化

尽量使用组件化的思想编写页面，后期会详细编写这一块。

规范