搭建weex项目

2019-05-19  本文已影响0人  和弦之乐
  1. 检查并安装nodejs
  2. 安装全局weex-toolkit
    npm install weex-toolkit -g
  3. 创建一个空的Weex + Vue.js模版项目
    weex create projectName
  4. 进入刚刚创建的文件夹,并且安装依赖,然后执行 npm start
cd projectName
npm install
npm start

此时,工具会启动一个本地的 web 服务,监听 8081 端口。可以打开 http://localhost:8081 查看页面在 Web 下的渲染效果。 源代码在 src/ 目录中,可以像一个普通的 Vue.js 项目一样来开发.

还可以打开 http://localhost:8081/preview.html 开启一个预览页面,它会把 web 端的页面放在一个 iframe 中渲染,而且在右侧生成一个二维码。用 Weex playground app 扫描这个二维码可以看到页面在手机上渲染的真实效果。

  1. 默认情况下 weex create 命令并不初始化 iOS 和 Android 项目,你可以通过执行 weex platform add 来添加特定平台的项目。
weex platform add ios
weex platform add android
  1. 配置客户端的开发环境,在本地机器上打开 Android 和 iOS 项目( iOS:安装并且配置好 Xcode; Android:安装并且配置好 Android Studio

  2. 运行下面的命令,可以在模拟器或真实设备上启动应用

weex run ios
weex run android
weex run web
  1. 启动调试服务 ,在 Chrome (目前只支持基于 V8 引擎的桌面浏览器) 中打开调试页面
    weex debug
上一篇下一篇

猜你喜欢

热点阅读