UFO小程序编写说明
- 项目运行及 Taro 相关
- Taro 与微信小程序混编
- 组件化
- 规范
项目运行及 Taro 相关
该项目采用 Taro 框架编写,因此需要执行如下命令:
-
全局安装
@tarojs/cli
$ npm i -g @tarojs/cli
or
$ yarn global add @tarojs/cli
-
项目中执行
npm
oryarn
$ npm i
or
$ yarn
-
执行开发/编译
1) 构建开发环境下的项目(会实时监听文件修改):
$ npm run dev:weapp
or
$ yarn dev:weapp
2) 构建生产环境下的项目(一次性编译):
$ npm run build:weapp
or
$ yarn build:weapp
查看效果,将当前项目目录拖入微信小程序开发工具即可。
注意: Taro 的使用的 Node 版本是 7.5 及以上,因此不支持 7.5 版本以下的 Node。(推荐使用 Node 10.x ,目前的 LTS 版本)
Taro 与微信小程序混编
Taro 官方给出了 Taro 与微信小程序混编的例子,在 Taro 的 sourceRoot
目录中编写微信小程序原生代码,会直接原样编译到 outputRoot
目录下。
对于 UFO 的原生开发者来说:
- 如果你编写的是原生小程序的代码,请直接在
src/pages
下编写原本的页面。(组件与之相同,编写在src/components
) - 添加你要使用的页面到
src/app.js
中的pages
数组中 - 原生小程序中使用的资源,请放置在
src/assets
目录下
组件化
尽量使用组件化的思想编写页面,后期会详细编写这一块。