- 检查并安装nodejs
- 安装全局weex-toolkit
npm install weex-toolkit -g
- 创建一个空的Weex + Vue.js模版项目
weex create projectName
- 进入刚刚创建的文件夹,并且安装依赖,然后执行 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 扫描这个二维码可以看到页面在手机上渲染的真实效果。
- 默认情况下 weex create 命令并不初始化 iOS 和 Android 项目,你可以通过执行 weex platform add 来添加特定平台的项目。
weex platform add ios
weex platform add android
-
配置客户端的开发环境,在本地机器上打开 Android 和 iOS 项目( iOS:安装并且配置好 Xcode; Android:安装并且配置好 Android Studio。
-
运行下面的命令,可以在模拟器或真实设备上启动应用
weex run ios
weex run android
weex run web
- 启动调试服务 ,在 Chrome (目前只支持基于 V8 引擎的桌面浏览器) 中打开调试页面
weex debug
网友评论