|
|
## 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](https://github.com/nodejs/Release) 版本)
|
|
|
|
|
|
### Taro 与微信小程序混编
|
|
|
|
|
|
Taro 官方给出了 Taro 与微信小程序混编的例子,在 Taro 的 `sourceRoot` 目录中编写微信小程序原生代码,会直接原样编译到 `outputRoot` 目录下。
|
|
|
|
|
|
对于 UFO 的原生开发者来说:
|
|
|
|
|
|
1. 如果你编写的是原生小程序的代码,请直接在 `src/pages` 下编写原本的页面。(组件与之相同,编写在 `src/components`)
|
|
|
2. 添加你要使用的页面到 **`src/app.js` 中的 `pages` 数组中**
|
|
|
3. 原生小程序中使用的资源,请放置在 **`src/assets` 目录**下
|
|
|
|
|
|
### 组件化
|
|
|
|
|
|
尽量使用组件化的思想编写页面,后期会详细编写这一块。
|
|
|
|
|
|
### 规范 |
...
|
...
|
|