使用 Weex Create 创建,并修改webpack配置,新建入口文件并引入weex-ui的 Weex 原生应用。
安装依赖:
npm install
npm run serve
编译代码:
# 生成 Web 平台和 native 平台可用的 main.js 文件
# 位置:
# dist/main.js
# dist/main.web.js
npm run build
拷贝 main.js 文件:
# 启动 Anodroid项目后手动将main.js文件拷贝至Android项目中
# 起始位置:
# dist/main.js
# 目标位置:
# platform/android/app/src/main/assets/index.js
$ weexpack platform add android
首先应该安装 Android Studio 和必要的 Android SDK,配置好基本的开发环境。
使用 Android Studio 打开 android
目录中的项目,等待自动安装完依赖以后,即可启动模拟器或者真机预览页面。
$ weexpack platform add ios
首先应该配置好 iOS 开发环境 并且安装 CocoaPods 工具。
进入 ios
目录,使用 CocoaPods 安装依赖:
pod install
使用 Xcode 打开 ios
目录中的项目(HackerNews.xcworkspace
),然后即可启动模拟器预览页面。
注:如果想要在真机上查看效果,还需要配置开发者签名等信息。
该项目仅引入weex-ui组件,简单使用 { WxcButton } 组件,详细使用见:weex-ui 官方文档