WEEX环境搭建

转载自:http://www.cnblogs.com/Jsonlu/p/5617076.html

一、环境搭建

1.安装Node,官网下载(http://nodejs.org/

2.查看npm安装版本,终端输入:npm -v版本不能低于2.15.1

3.安装weex-toolkit,终端输入:npm install -g weex-toolkit

至此,环境已经搭建完成;

二、使用

1.使用H5编辑器,写入以下内容:

<template>
  <div class="container">
    <div class="cell">
        <image class="thumb" src="http://t.cn/RGE3AJt"></image>
        <text class="title">JavaScript</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>

另存为test.we,进入文件所在目录,在终端输入wexx test.we;操作完成后会打开浏览器,进入到这个页面,在test.we所在的文件目录会生成weex_tmp文件夹,在weex_tmp\h5_render目录下是生成的react.js

2.将生成的js文件拷贝到Weex项目的assert目录中就即可按照自己的方式使用了

时间: 2024-10-11 23:21:37

WEEX环境搭建的相关文章

Weex 环境搭建(win7)

安装 Node.js node.js需要4.0+ 百度云下载地址http://pan.baidu.com/s/1o84g6c6 官网下载地址https://nodejs.org/en/ 安装教程请看这里node.js安装图解 安装 weex-toolkit 安装好node.js后,打开CMD工具现在安装weex-toolkit,这是weex的集成环境. npm install -g weex-toolkit 有了weex-toolkit就可以使用weex命令了 我使用的版本是如图,这个可能变化的

weex环境搭建及组件相关使用总结

初始化 请确保你已经安装了 Node.js,然后全局安装 weex-cli. npm install weex-toolkit -g 这条命令会向你命令行环境中注册一个 weex 命令.你可以用 weex create 命令来创建一个空的模板项目: weex create awesome-app 命令执行完以后,在当前目录的 awesome-app 文件夹里就有了一个空的 Weex + Vue.js 项目. 开发 下一步就是进入刚刚创建的文件夹,并且安装依赖,然后执行 npm start: cd

跨平台开发之阿里Weex框架环境搭建(一)

申明:原创文章,转载请注明出处,谢谢! https://i.cnblogs.com/EditPosts.aspx?postid=5995122 一.介绍 Weex是阿里今年6月份推出的跨平台解决方案,6月底正式开源.官网 https://alibaba.github.io/weex/ 1.官方支持iOS.Android.HTML5. 2.Write Once, Run Everywhere.一次编写可生成三平台代码. 3.DSL模板学习超简单,直接写HTML.CSS.JS.这意味着可以直接用现有

跨平台开发之阿里Weex框架环境搭建(二)

申明:原创文章,转载请注明出处,谢谢! http://www.cnblogs.com/fozero/p/5995195.html 上篇文章(http://www.cnblogs.com/fozero/p/5995122.html)我们搭建好weex环境,并在浏览器成功渲染页面,这篇文章我们接着建立一个项目 1.新建一文件夹如weexdemo: 2.在文件夹下执行weex init,参数全部默认即可: 3.成功后文件夹下产生了一些文件: weexdemo |-.gitignore |-index.

安卓转战React-Native之windows下android环境搭建爬坑血泪史

前言 最近又有新的项目立项,所以好久都没有写博客了,然后都是利用闲暇时间来学习React-native. 由于安卓和ios的就业环境给移动端开发带来前所未有的冲击,于是乎很多伙伴们不得不另谋他路,然后现在比较火爆的Hybird和react-native也是对我们移动端的影响比较大,比如去面试会问你会nodej或者react不,前端工程师(js)转移动端的门槛变得很低,angularjs和reactjs都很不错,并且6月底阿里开源weex,估计很多人对weex还是特别期待的,唉,只能拿知识武装自己

一、环境搭建

1 更新到最新版本的pip(这是安装python扩展包的一个插件)命令如下: python -m pip install --upgrade pip 2 使用pip安装virtualenv,命令 pip install virtualenv  如果要指定版本号,pip install virtualenv==15.0.1(安装虚拟环境) 3 创建django虚拟环境,命令 virtualenv django_basic_venv 4 使用虚拟环境 需要进入到安装目录的Scripts文件夹下,运行

Ionic2环境搭建及文件目录介绍

[注]引用自:http://blog.csdn.net/jasonzds/article/details/53821184 1环境搭建 一年前研究混合框架,初步确定了四种方案给公司选择,ionic,hbuilder,wex5,react-native这四个框架各有优缺点,ionic和react-native是国外框架,相对好一点,文档更新很快,就不一一说了,大概的思路都是一样的,js逻辑实现,同时调用原生功能,h5,css3 UI实现,其实他们都有自己的ui框架,当时选择了国内的hbuiler,

Selenium+Java+Eclipse 自动化测试环境搭建

一.下载Java windows java下载链接 https://www.java.com/zh_CN/download/win10.jsp 二.安装Java 安装好后检查一下需不需要配置环境变量,现在java 8已经不用配置环境变量了,直接在命令行输入:java -version 三.下载和安装Eclipse windows Eclipse下载链接 https://www.eclipse.org/downloads/ 你也可以下载绿色版 四.下载selenium,然后解压 selenium

Qt在Mac OS X下的编程环境搭建(配置Qt库和编译器,有图,很清楚)

尊重作者,支持原创,如需转载,请附上原地址:http://blog.csdn.net/libaineu2004/article/details/46234079 在Mac OS X下使用Qt开发,需要配置Qt库和编译器.编译器只能使用苹果公司自主研发的Clang.1.分别下载并安装XCode和Command Line Tools(必须安装),安装完毕后,Clang就有了. https://developer.apple.com/downloads/ 2.下载Qt并默认安装 http://down