Weex入门(二)

官方提供了一个基于Weex和Vue开发的完整项目weex-hackernews，我们就先让这个项目运行起来

1、安装依赖

• 下载完项目，进入项目根目录，执行以下命令

npm install

• 执行完毕后会多一个node_modules文件夹，所有的依赖都在里面

2、生成 Web 平台和 native 平台可用的 bundle 文件

npm run build
npm run dev

• 这时会多一个dist文件夹，里面有两个文件
  • index.web.js
  • index.weex.js

3、将生成的 bundle 文件拷贝到 指定项目的资源目录

• Android

npm run copy:android

• iOS

npm run copy:ios

• 全部

npm run both copy:andriod and copy:ios

4、启动 Web 服务

npm run serve

• 启动服务后会监听 1337 端口，访问 http://127.0.0.1:1337/index.html 即可在浏览器中预览页面。

显示结果

5、启动 iOS 项目

• 首先应该配置好 iOS 开发环境 并且安装 CocoaPods 工具。

• 进入 ios 目录，使用 CocoaPods 安装依赖

pod install

• 使用 Xcode 打开 ios 目录中的项目HackerNews.xcworkspace，然后即可启动模拟器预览页面。