美文网首页
搭建weex项目

搭建weex项目

作者: 和弦之乐 | 来源:发表于2019-05-19 14:48 被阅读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

    相关文章

      网友评论

          本文标题:搭建weex项目

          本文链接:https://www.haomeiwen.com/subject/xlzfzqtx.html