欢迎光临
六楼实验室
网站运行 3004天 | 文章 85 篇 | 分类 15 个 | 标签 54 个

Weex 入门01 – 环境搭建与初步体验

一、开发工具 Intellij IDEA IDEA 中的两个 Weex 插件

二、安装环境

  1. 安装 node.js,官网下载,一步到底安装。
  2. 使用 npm 安装 weex-toolkit,在 shell 输入下面的命令: npm install -g weex-toolkit`

三、快速体验

1. 创建一个文件:demo.we。

    <template>
      <div class="container" >
        <div class="cell">
          <image class="thumb" src="https://oh7gzl219.qnssl.com/logo.png"></image>
          <text class="title">六楼实验室:https://sixlab.cn/</text>
        </div>
      </div>
    </template>

    <style>
    .cell{margin-top:10 ; margin-left:10 ; flex-direction: row; }
    .thumb {width: 200; height: 200; }
    .title {text-align: center ; flex: 1; color: grey; font-size: 50; }
    </style>

2. 在 demo.we 所在目录使用 shell 输入下面命令:

    weex demo.we

3. 浏览器会自动打开,也可以使用 PlayGround 应用扫描网页上的二维码在手机上查看。

赞(0) 打赏
未经允许不得转载:六楼实验室 » Weex 入门01 – 环境搭建与初步体验
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

六楼实验室 · 矿软科技

六楼实验室矿软科技

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

css.php