weex 构建项目

在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

期间会让选择设备