在Weex开发环境搭建好后,开始构建项目了。
对于 iOS,你应该安装并且配置好 Xcode 和 cocopods(先更新到最新的版本)。cocopods 、ruby先更新到最新版本。
如果电脑中有多个重命名的xcode,需要指定一个。
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
npm升级到最新版本
npm install -g npm
我的电脑配置如下:
wangyongmeideMacBook-Pro:~ wangyongmei$ weex --version
v1.2.9
- weexpack : v1.1.8
- weex-builder : v0.3.14
- weex-previewer : v1.4.6
wangyongmeideMacBook-Pro:~ wangyongmei$ npm -v
5.8.0
wangyongmeideMacBook-Pro:~ wangyongmei$ pod --version
1.4.0
wangyongmeideMacBook-Pro:~ wangyongmei$ ruby -v
ruby 2.4.1p111 (2017-03-22 revision 58053) [x86_64-darwin16]
wangyongmeideMacBook-Pro:~ wangyongmei$ gem -v
2.6.14
wangyongmeideMacBook-Pro:~ wangyongmei$ gem sources -l
*** CURRENT SOURCES ***
https://gems.ruby-china.org/
一、初始化
用 weex create 命令来创建一个空模板的项目。
weex create awesome-app
期间会让选择一些配置。可以在最后一个配置中执行npm install,也可以自行执行npm install
二、开发
执行完npm install后,可以执行npm start 查看一下效果。
npm install
npm start
然后工具会启动一个本地的 web 服务,监听 8081
端口。你可以打开 http://localhost:8081
查看页面在 Web 下的渲染效果。 源代码在 src/
目录中,你可以像一个普通的 Vue.js 项目一样来开发.
用 Weex playground app 扫描这个二维码可以看到页面在手机上渲染的真实效果。
三、编译运行
默认情况下 weex create
命令并不初始化 iOS 和 Android 项目,你可以通过执行 weex platform add
来添加特定平台的项目。
weex platform add ios
运行
weex run ios
期间会让选择设备