0.安装

0.1 安装nodejs

这个不多说了不会的面壁吧。

0.2 安装weex-toolkit

这个是个坑啊,官方给出的安装是

npm install weex-toolkit -g

不过这个安装可能会各种失败,失败之后再安装就无法安装了。即使再用淘宝镜像。
那怎么办呢?
首先我们需要卸载一下weex-toolkit

npm uninstall weex-toolkit -g

其次我们需要去电脑中删除些文件
如图所示
还有这个也需要删除
如图所示
删除了这些,我们再安装,注意要用管理员运行cmd
这次我们用淘宝镜像,没有cnpm自己安装下就可以了

cnpm install -g weex-toolkit

安装之后查看版本

npm uninstall weex-toolkit -g
如图所示

出现版本号既可以了

0.3 安装java及配置

0.4 安装git

0.5 安装webpack

0.6 安装android-studio

安装android-studio这儿啦
下一步下一步就好啦
如图所示
现在安装android-studio不带android-sdk,所以需要自己装
如图所示
之后还会安装一起android包,这时候需要翻墙,要访问谷歌
如图所示
这里强烈建议用国内镜像如图所示
如图所示
如图所示

大连东软信息学院镜像服务器地址:
http://mirrors.neusoft.edu.cn 端口:80

接着点击close,关闭对话框,再重新启动SDK Manager就行啦。
如图所示
经过漫长的下载安装过程后,我们可以看到,之前选中安装的项目后面的状态都由之前的“Not installed”变为了如今的“Installed”,这就表示我们已经安装成功了!
如图所示
之后再配置android-sdk
打开环境变量路径:控制面板->系统和安全->系统->高级系统设置->环境变量。
新建:ANDROID_HOME 并把我们刚才赋值的sdk路径作为值插入
如图所示
添加path值,与配置java相同

;%ANDROID_SDK_HOME%\platform-tools;

保证系统能找到platform-tools下的adb.exe即可
输入adb查看,出现下面情况即配置成功
如图所示
接着刚才安装android-studio
如图所示
由于本机没有安装过Android Studio,因此这里也没有可导入的配置信息。点击OK。
如图所示
点击Setup Proxy。
如图所示
按上图设置代理。点击OK。
如图所示
点击Next。
如图所示
安装类型选择为”Custom”,并点击Next。
如图所示
将UI主题选择为Darcula(此风格看起来更加极客)。点击Next。
如图所示
选择之前安装Android Studio的路径,可以看到看下上图所述提示。点击Next。
如图所示
点击Finish
如图所示
Android SDK已经是最新。点击Finish。
如图所示
点击”Start a new Android Studio project”即可开始第一个Android程序的开发。

1.开启weex之旅吧

1.1建立weex项目目录

建立weex项目名称为helloWeex

weex create helloWeex

建立时和vue一样,输入项目名称是否为helloWeex
项目描述
项目作者
是否用eslint,一个js语法标准
是否测试
之后项目就建好了,目录结构如下
如图所示
添加Android应用支持

weex platform add android

如果你要支持IOS平台的话,你还要添加IOS应用,但是抱歉的是我没有苹果电脑,所以这里就不演示苹果的添加了。
如图所示

1.2在Android Studio里运行weex

最后更新: 2018年11月10日 16:58

原始链接: http://linjiad.github.io/2018/05/24/weex/

× 请我吃糖~
打赏二维码