weex入坑安全指南

weex入坑安全指南

最近写vue应用真是风生水起、如火如荼。刚刚闲下来这么一下下,想着玩玩native应用。用写好的vue应用直接打包安装不是很好的么,说干就干。

安装weex-toolkit命令行工具

赶忙打开weex官网撸一眼,npm全局安装weex-toolkit工具,看一下自己的node版本是多少。如下图,
1
等了好久最后发现没有C++编译器(建议使用cnpm,这个安装会比较快),然后就去下载了一个vs2015。然后安装之后再进行上一步操作,果然成功。如下图,
2

安装Android Studio

按照官网上的步骤初始化一个weex的项目,编译运行

weex platform add android

希望在本地能够看到预览效果,可以安装Android Studio在本地调出Android模拟器查看。
首先将Java jdk装上下载安装
安装并且配置好 Android Studio
准备就绪之后,运行命令

weex run android

然而报了错,其实不报错才是不正常的。最后发现是Android sdk没有在环境变量中
3
解决办法如下

set ANDROID_HOME=C:\<installation location>\android-sdk-windows
set PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

在命令行查看,果然可以了
4
继续运行上面的命令,结果又是坑。如下图
5
这次是没有启动模拟器,打开Android Studio启动模拟器。再次运行编译,神奇的事情发生了,如下图
6
7

这样就可以开心地用vue进行weex Android开发了

posted @ 2018-03-06 16:28  marvine  阅读(282)  评论(0编辑  收藏  举报