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 应用扫描网页上的二维码在手机上查看。


上一篇
Weex 入门02 - 创建项目 Weex 入门02 - 创建项目
1. 使用命令初始化项目: weex init 2. 安装依赖,进入项目目录,使用 npm 命令安装依赖 npm install 3. 启动 Server npm run build // 编译` np
2017-03-14
下一篇
【笔记】Less基础知识点 【笔记】Less基础知识点
安装和使用Less 安装 npm install -g less 编译 lessc styles.less > styles.css 变量 /* 定义变量 */ @background-col
2016-12-08