Authored by QC-L

添加 UFO 编写说明 review by 黄敬囿

Showing 1 changed file with 75 additions and 0 deletions
## 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` 目录**
### 组件化
尽量使用组件化的思想编写页面,后期会详细编写这一块。
### 规范
... ...