开发者社区> aweiloveandroid> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

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

好多人说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演示

我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=3ot4fb03pgw0o


【好消息】我的微信公众号正式开通了,关注一下吧!
关注一下我的公众号吧

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
uni-app中v-show和v-if的区别
uni-app中会经常用到v-show和v-if,要清楚两者的区别
281 0
DeepLink唤醒App的简单实现方法
目前大多数App都能得到巧用。如:电商类App直达购物商品页面、游戏类App直达分享游戏房间、资讯类App直达对应新闻页面等,具体可以结合自身的App业务进行拓展。
3216 0
无线动态化解决方案总结:从WeApp到Weex
#前言 入职阿里的两年时间,有幸一直从事无线动态化解决方案。从最初的WeApp,到现在的Weex,经历了WeApp的从无到有,从“辉煌”到没落,见证了Weex的崛起,在双十一主会场大放光彩。最近,工作方向有所变化,所以从技术角度谈谈个人对无线动态化的理解,同时也算是对我这两年工作的总结。 #无线
6096 0
获取当前安装app列表
转载自:http://www.mamicode.com/info-detail-470456.html ios 5 6 7 可以通过解析"/private/var/mobile/Library/Caches/com.app.mobile.installation.plist" 文件获取当前安装app的列表了.ios8 请使用下面这个plist文件. "/var/mobile/L
1034 0
Aix 光盘软件包安装
1, mount -rv cdrfs /dev/cd0 /mnt (Aix 光盘挂载)2,fuser -kxcu /cdrom && unmount /mnt && unmount /dev/cd0 (Aix 光盘卸载)3,install -ad /dev/cd0 packageName Aix从挂...
692 0
+关注
aweiloveandroid
高级Android开发工程师,4年移动端开发经验,擅长项目框架架构设计,自定义UI,着力研究跨平台开发。公众号:卢召韦,欢迎关注。 https://github.com/AweiLoveAndroid
54
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载