Weex初探--从安装到运行首个app

好多人说Weex跨平台不错,一直要推荐我玩一下,我就不信了,来安装玩一下试试效果。实践出真知!安装过程各种坑,工具太多了,太麻烦了,差点放弃(还好坚持下来呢)。

一、安装Weex

(一)下载JDK 1.8(必须是1.8版本)

PATH:%JAVA_HOME%\bin
CLASSPATH:.;%JAVA_HOME%\lib\tools.jar (一定不要忘了前面的点) 

(二)Android Studio、SDK以及模拟器(如果是真机运行不需要安装模拟器)

  • Android Studio Android Studio的下载地址请看:https://developer.android.google.cn/studio/#downloads 安装方式:指定安装路径,一直点击下一步就可以了。
  • SDK和安卓模拟器: 打开Android Studio,File --> Settings --> 搜索sdk,找到对应的sdk进行安装即可,这里也可以选择安装模拟器,找到对应的勾选进行下载即可。 需要在Path环境变量中添加两个值。分别是 Android SDK中tools目录的路径和platform-tools的路径。(如果已经配置,就不用再去配置了。) 例如:
D:\android-sdk\tools;
D:\android-sdk\platform-tools;

(三)安装node

许多前端工具的安装都依赖于node的包管理器npm

  • 安装地址: Node官网: https://nodejs.org/ 如果官网打不开,可以看nodejs中文官网 https://nodejs.org/zh-cn/
  • 添加环境变量: 下载好之后,复制node的安装路径,在path中添加node环境变量。 示例如下:
E:\develop\nodejs\;
  • 查看node版本号: 安装完成后在cmd中输入 npm -v 回车,如下图:

查看node版本号

  • 查看npm版本号: 在cmd中输入 npm -v 回车,如下图:

查看npm版本号

※【说明】npm工具是nodejs里面自带的,所以只要配置了nodejs环境变量就OK了,不需要单独配置npm到环境变量。

(四)命令行输入npm install -g weex-toolkit@latest进行安装weex,如下图所示:

npm install -g weex-toolkit
(顺便说一下卸载命令行 npm uninstall -g weex-toolkit  这个是为了随时弃坑准备的)

(五)查看weex版本号,命令行输入weex -v

二、运行首个App

(一)初始化weex

首先创建一个文件夹,cmd进入文件夹根目录,使用命令行weex init开始初始化项目。

首次运行会检查环境,自动帮你安装weexpack,如下图:

(二)创建项目

使用weex create 项目名命令创建项目,创建过程有一大堆选项,可以自由选择,选择完毕就开始创建项目了。截图如下:

(三)添加安卓支持

执行weex platform add android命令。如图:

(四)运行项目

执行npm run android命令,运行在安卓设备上,如果要运行在模拟器,需要提前打开模拟器。使用示意图如下:

weex的demo演示

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏运维前线

使用Gitlab创建git项目

使用Gitlab创建git项目 登录gitlab系统,访问自己的gitlab.example.com,然后使用gitlab用户,登录 ? 第一次登录需要重新修改...

1.2K8
来自专栏醉梦轩

flyme中关闭系统的权限管理

1423
来自专栏吴伟祥

配置MYSQL远程连接 原

想要远程连接阿里云服务器安装的mysql(不是RDS,RDS申请外网地址即可)需要两个步骤,

1772
来自专栏前端新视界

关于 Angular 跨域请求携带 Cookie 的问题

3384
来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统--任务调度系统解析

任务调度系统是什么:他是一个类似Sql Server的代理,他可以帮助你定时处理一些SQL事务

1914
来自专栏xdecode

Windows中根据端口定位持有者程序

之前被一个问题所困扰, 电脑过一段时间就无法上网, 查询netstat, 会有大量的端口被占用, 但是看不出来是哪个程序开启的 ( 最终定位到是ADSafe搞得...

1967
来自专栏Java修行之道

使用git将本地仓库同步到github远程仓库

在执行命令前, 可以在目录下添加【.gitignore】文件, 并配置不提交的目录和文件

6913
来自专栏linux运维学习

linux学习第三十六篇:MariaDB安装,Apache安装

MariaDB安装 将待会下载的源码包放到这个目录下: cd /usr/local/src 下载源码包: wget https://downloads...

2318
来自专栏玩转JavaEE

IntelliJ IDEA中创建Web聚合项目(Maven多模块项目)

Eclipse用多了,IntelliJ中创建Maven聚合项目可能有小伙伴还不太熟悉,我们今天就来看看。 IntelliJ中创建普通的Java聚合项目相对来说比...

1.4K9
来自专栏HadesMo

调用对象存储Put Object接口上传文件

4846

扫码关注云+社区

领取腾讯云代金券